D3.js

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

RSS
  • 解決済

    回答
    1

    フォームで数値を入力すると、電球が光るアニメーションのページを作りたい

    簡単なフォームで、 電気代、例えば、3000円と入力すると、 3000円分のプログレスバーがくるっとまわって光るようなページを作りたいです。 ※10000円が最高値です。その場合、一周します。 まっすぐのプログレスバーなら、CSSでできそうですが、 回るプログレスバーをどうしようか考えています。 どのスクリプト言語を使うべきでしょうか? このよ

    • 0評価
    • 199PV
    sarah358 sarah358 2週間前に コメント
  • 解決済

    回答
    1

    D3.jsで1つめの図は表示できるのに2つめの図が表示できない

    お世話になります。 Jsをさわり初めて1週間の初心者です。 D3.jsで図を表示しようとしています。 1つめの図は表示できたのですが、同じコードをコピーしても2つめの図を表示させようとしても表示されません。 動いた例 <svg id="fillgauge1" width="97%" height="100" onclick="gauge1.updat

    • 0評価
    • 49PV
    TnTech TnTech 2週間前に コメント
  • 受付中

    回答
    0

    D3.jsで円が表示できない

    本日よりD3.jsを勉強しようと思い色々サンプルコードを写経して練習をしております。 チュートリアルを読みながら進めておりますが、うまくいかず困っております。 環境 Laravel.5.5 cloud9 welcome.blade.php <!DOCTYPE html> <html> <head> <meta charset="utf

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

    回答
    1

    c3.jsでX軸の値を結合したい

    下記のようなJSONを利用してC3でグラフ表示しようと思っておりますが、 Xの値をDATEとTIMEを結合した値で利用したいのですが、どうすれば可能なのでしょうか? ’DATA'+' '+'TIME'や’DATE'&' '&'TIME'等を設定してもエラーになるかデータが表示されなくなってしまいます。 よろしくお願いいたします。 var obc = [

    • -1評価
    • 65PV
    HayatoKamono HayatoKamono 1ヶ月前に コメント
  • 解決済

    回答
    1

    (src,dst)の情報から、入れ子のdictを生成したい

    やろうとしていること データの木構造を描画するために、D3.jsのTreeをつかう D3.jsのTreeにわたすためのJSONを出力したい。 持っているのは、Node間のlinkのsrc,dstの情報 D3.jsにわたすのは、入れ子になったJSON 質問 pythonでJSONを出力するためには、ひとまずdictにして、それをjson

    • 0評価
    • 326PV
    Teppay Teppay 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Three.js 風のデータを視覚化したい

    前提・実現したいこと Three.jsで作った球体の表面に、風のデータをパーティクルで表現したいと思っています。 http://www.techscore.com/blog/2015/12/13/wind_visualization/ こちらを参考に、世界規模の風速データwind.ieeeを取得しました。 発生している問題 肝心のデータを描画するとこ

    • 0評価
    • 65PV
    artistan artistan 2ヶ月前に 回答
  • 受付中

    回答
    1

    d3.jsでundefinedが出てグラフが描画できません。

    前提・実現したいこと d3.jsを使って、データビジュアライズを勉強しています。 外部からcsvファイルを読み込んでブラウザ上で棒グラフを描画しようとしたところグラフが表示できなくなりました。 直接、データを指定して書き込んだ際はうまくグラフが描画できるので、外部ファイルの読み込みによる問題だと思っています。 発生している問題・エラーメッセージ ロー

    • 0評価
    • 100PV
    HayatoKamono HayatoKamono 2ヶ月前に 回答
  • 解決済

    回答
    1

    Django : DBの値をd3.jsを使用してグラフ化させる

    前提・実現したいこと バージョン: d3.js -> 3 python -> 3.6 django -> 1.11 実現したいこと:d3.jsを使用してDBの値をグラフとして出力したい 発生している問題・エラーメッセージ view.pyでjson形式に変換はできているのか、ブラウザで見るとjsonで受け渡した値が出力されている が、肝心のscript

    • 0評価
    • 96PV
    john-yang john-yang 3ヶ月前に 回答
  • 解決済

    回答
    2

    タイル図の名称について

    こういう図って、なんていいますかね? ワードクラウド、ではない…

    • 0評価
    • 95PV
    kei344 kei344 3ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    d3.jsにてドラッグアンドドロップでオブジェクトを操作したい

    表題の通りです。 画面上に2つの矩形オブジェクトを表示して ドラッグアンドドロップでそれぞれを操作できるようにしたいんですが 以下のようにソースを作成してみましたが正常に操作できません。 現象については、一方をドラッグしたあともう一方をドラッグすると 表示位置がずれてしまって正しい制御ができない状況です。 どなたか解決方法がわかる方いましたら教えて下

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

    回答
    1

    idとsource,targetが一致しない

    前提・実現したいこと 以下のjavascriptを用いて、d3.jsでのforceレイアウトの描画をしたいと考えています。 発生している問題・エラーメッセージ 現状だとnodes[0] = links["source"]になってしまっています。 最終的にはnodesのidをもとに、souceとtargetの関係を描画したいと考えています (例) node

    • 0評価
    • 404PV
    maigoneko maigoneko 5ヶ月前に ベストアンサー
  • 受付中

    回答
    0

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

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

    • -1評価
    • 191PV
    takunii925 takunii925 5ヶ月前に 質問を編集
  • 受付中

    回答
    0

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

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

    • 0評価
    • 134PV
    teratailが5ヶ月前に アップデート
  • 受付中

    回答
    1

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

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

    • 0評価
    • 436PV
    hidetakahashi hidetakahashi 6ヶ月前に コメント
  • 受付中

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 286PV
    canaria369 canaria369 6ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    javascriptで配列がおかしい?

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    2

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

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

    • 0評価
    • 185PV
    sannye sannye 9ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    82

  • 総質問数

    72

  • 今週の質問数

    0

関連するタグ

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

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