D3.js

D3.jsとは、データに基づいてHTMLやSVGドキュメントを編集するために作られた、小規模なオープンソースのJavaScript可視化ライブラリです。

RSS

  • 受付中

    回答
    0

    D3.jsを用いた棒グラフ作成

    htmlのため、エラーメッセージなどは出ませんが、グラフを表示した時に横軸の目盛り、縦軸の目盛り、また項目目盛りが表示されません。おそらく下の###部分が間違っていると思うのですが、改変してみてもうまくいきません。 var svgWidth = 320 //svg要素の幅 var svgHeight = 320; //svg要素の高さ

    • -1評価
    • 65PV
    takunii925 takunii925 2週間前に 質問を編集
  • 受付中

    回答
    0

    d3.jsで動的に追加されたタグにグラフの描写

    タイトルの通りですが、 javascriptで動的に追加したsvgタグにグラフを描写したいです。 しかし、以下の書き方では、DOM要素をセレクタで取得するので?、 後から動的に追加されたタグは、取得できませんでした。 d3.select('svg') エラー: Uncaught DOMException: Failed to execute 'q

    • 0評価
    • 36PV
    teratailが3週間前に アップデート
  • 受付中

    回答
    1

    JavaScriptを使ってxmlファイルを読み込み、正規分布グラフにする方法

    前提・実現したいこと ここに質問したいことを詳細に書いてください javascriptでxmlファイルを読み込んで、d3.jsを使って、正規分布のグラフが書きたいのですが、どのように書けばよろしいでしょうか? 発生している問題・エラーメッセージ ReferenceError: data is not defined エラーメッセージ Refer

    • 0評価
    • 316PV
    hidetakahashi hidetakahashi 1ヶ月前に コメント
  • 解決済

    回答
    1

    d3.jsでファイル以外からデータの読み込み

    d3.jsでファイル以外からデータの読み込をしたい 以下のURLを参考にd3.jsを用いてネットワーク図の描画を試していました. D3.js Force-Directed Graph ただ、Chromeなどの外部ファイルを参照するのに設定が必要なブラウザがあるのでメモリ上のJSONデータを読み込んで可視化する機構を作りたいです. 試したこと d3.j

    • 0評価
    • 105PV
    canaria369 canaria369 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    D3.jsでエラーバーを作りたい。

    前提・実現したいこと D3.jsを使ってエラーバーを作成した。 発生している問題・エラーメッセージ D3.jsを使ってどうやってエラーバーを作成したらいいのかさっぱりわからない。

    • 0評価
    • 52PV
    takeshiyamasaki takeshiyamasaki 1ヶ月前に コメント
  • 解決済

    回答
    2

    javascriptで配列がおかしい?

    D3.jsのCSV呼び出し機能でCSVの中身を配列に入れたいのですが、どうも普通に入れるときと違うものになってしまうようです。 Chart.jsで表示させるための配列なのですが、chart.jsのdataプロパティに下記コードで作成した配列を入れてもエラーになってしまうため気づきました。 var csvFilePath = './data.csv';

    • 0評価
    • 108PV
    E3KUROSUKE E3KUROSUKE 3ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    d3.jsのサンプルコードの中で、forEach文がどのような処理を行っているのか教えていただきたい...

    発生している問題・エラーメッセージ d3.jsのサンプルコードをもとに、ネットワーク図を作成しています。 しかし、下記のコードのうち、nodesと定義されている箇所でどのような処理が行われているのかがわかりません。 <script> // データを省略して載せています var links = [ {source: "Microsoft", t

    • 0評価
    • 130PV
    hipopo hipopo 4ヶ月前に コメント
  • 解決済

    回答
    1

    D3.jsのサンプルコードをもとに改良を加え、特定の要素だけに色をつけたいのですが…

    前提・実現したいこと D3.jsを使って、ネットワーク図を作成しています。 http://bl.ocks.org/mbostock/1153292 上記URLにあるサンプルコード(index.html)を改良して、特定のノードにだけ色をつけたいのですが、うまくいきません。 発生している問題・エラーメッセージ 特定の要素(複数)だけに色をつけたいので

    • 0評価
    • 253PV
    hipopo hipopo 4ヶ月前に コメント
  • 解決済

    回答
    2

    D3.jsでGET or POSTパラメータからデータを読み取りたい

    D3.jsに入門しているのですが、これはDOM操作ができるという点で jQuery に似ていると言われています。 jQueryの$.urlParamに相当することがD3.jsでもできるのでしょうか?

    • 0評価
    • 116PV
    sannye sannye 4ヶ月前に コメント
  • 受付中

    回答
    2

    D3.jsで1:1で円グラフを書きその中でさらに割合で分割したい

    D3.jsで1:1で円グラフを書きその中でさらに割合で分割したいです。 <!DOCTYPE html> <meta charset="utf-8"> <body> <script src="http://d3js.org/d3.v3.min.js"></script> <script> var width = 960, height

    • 0評価
    • 236PV
    Tak_Matz Tak_Matz 5ヶ月前に 回答
  • 解決済

    回答
    1

    D3.jsで各ノードをクリックした際のメニュー表示について

    D3.js v4で以下のページを参考にツリーレイアウトを作成しています。 https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd 各ノードに画像を配置し、画像をクリックするとクリックされた画像の下にポップアップメニューが出てくる、ということをやりたいです。 ツリー構造に画像を表示するま

    • 0評価
    • 401PV
    tarner tarner 6ヶ月前に コメント
  • 解決済

    回答
    1

    D3.jsでクリック時にデータ取得、表示を行う方法

    前提・実現したいこと d3.jsを使用して、jsonデータをもとに描画した円A,B,Cが画面上にある時 AをクリックするとAのデータを元にDBに問い合わせ、返ってきたJSONデータの内容を表示する… というようなことはどうしたら実現できるのでしょうか? ・クリックされた円のデータを元に問い合わせを行う方法 (jsonデータを返すURLは用意して

    • 0評価
    • 262PV
    mamata mamata 8ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    ノード同士で結ばれている辺の太さを変更したい

    前提・実現したいこと jsonファイルを読み出しD3.jsを使ってグラフを書いています。 { "nodes":[ {"name":"0"}, {"name":"1"} ], "links":[ {"source":0, "target":1} ] } このJSONファイルを読み出したとき,下の図のように0から1に向かうようにしています。 こ

    • 0評価
    • 325PV
    nano-dia nano-dia 10ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Eslintでのd3.jsのエラーが解消ができない

    前提・実現したいこと jsのコードの検証ツールを利用することを検討しており、 eslintを利用したいと考えています。 起きてしまったこと 9:9 error 'd3' is not defined no-undef eslintを使用した時に上記のようなエラーが出るので、/Users/hoge/.eslintrcにて "env

    • 0評価
    • 279PV
    keito04 keito04 10ヶ月前に コメント
  • 受付中

    回答
    1

    D3.js の写経ができない

    前提・実現したいこと http://bl.ocks.org/mbostock/4062045 このサイトと全く同じことを自分の環境で行いたい 発生している問題・エラーメッセージ ただ、コーピーしてきただけですが、何もブラウザに表示されなくて困っています 試したこと jsdoにあげてみてやってみましたが、何も出ませんでした

    • 0評価
    • 223PV
    Lhankor_Mhy Lhankor_Mhy 11ヶ月前に 回答
  • 解決済

    回答
    1

    1桁から2桁と桁数が変わった時にd3.jsの縦軸が逆な値になる。

    以下のgithubのコードを参考に、 温度表示をしているのですが、 温度が大きく触れた場合におおいのですが、 たまに、グラフが写真の様に、うまく表示ができない時があり困っています。 なにか、考えられる原因はあるのでしょうか。 【追記】 桁が、9℃から10℃のように、 一桁から二桁に変わった瞬間に以下のような表記になりました。 <!DO

    • 0評価
    • 569PV
    usuallyi usuallyi 11ヶ月前に 回答
  • 受付中

    回答
    2

    d3.jsで矢印を描きたい

    前提・実現したいこと d3.jsを使って矢印を描く手法、または、 それの理解に役立つサイトを教えていただきたいです。 発生している問題 2つの円の間に矢印を表示したいのですが方法が分かりません。 2つの円は下記のようにして表示しています。 該当のソースコード ```JavaScript var svg = d3.select("#re

    • 0評価
    • 616PV
    akihiro0117 akihiro0117 11ヶ月前に 回答
  • 解決済

    回答
    1

    D3.jsのforceレイアウトで入れ子構造のJSONデータを表示する

    いつもお世話になっております。 表題のとおりなのですが、D3.jsのforceレイアウトで、以下のような入れ子構造のJSONデータを表示したいと考えています。 {"name":"サンプルデータ","children":[ "name":"2020","children":[ "name":"202004","childre

    • 0評価
    • 443PV
    SHERRY SHERRY 1年以上前に 回答
  • 受付中

    回答
    1

    C3.js 棒グラフの間隔をあけることは可能でしょうか?

    C3.jsで以下の棒グラフを作成しました。 「test1の棒グラフ」と「test2の棒グラフ」の間に隙間を入れることは可能でしょうか? グラフ同士を少し離して、見やすくしたいと思っています。 var chart = c3.generate({ bindto: '#chart', data: {

    • 0評価
    • 715PV
    mukkun mukkun 1年以上前に 回答
  • 受付中

    回答
    0

    D3.jsでのselectの使い方について

    前提・実現したいこと d3.jsを使用してsvg要素の色を変更したいと思っています。 色を決定する際にattributeの値を用いたいのですが上手くいきません。 attributeの"population"には数値が入っています。 mouseoutイベントではd3.select(this).attr("population")で値を取得できるので

    • 0評価
    • 437PV
    teratailが1年以上前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    74

  • 総質問数

    62

  • 今週の質問数

    0

関連するタグ

D3.jsタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る