D3.js

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 87PV
    nano-dia nano-dia 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 78PV
    keito04 keito04 2ヶ月前
  • 受付中

    回答
    1

    D3.js の写経ができない

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

    • 0評価
    • 57PV
    ShouYama ShouYama 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 335PV
    usuallyishihara usuallyishihara 2ヶ月前
  • 受付中

    回答
    2

    d3.jsで矢印を描きたい

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

    • 0評価
    • 237PV
    blaubeere blaubeere 6ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 149PV
    SHERRY SHERRY 5ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 196PV
    nanasan nanasan 4ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 182PV
    r-yanyo r-yanyo 4ヶ月前
  • 受付中

    回答
    0

    d3.jsの値出力について

    前提・実現したいこと d3.jsで折れ線グラフを作ろうとしております。 発生している問題・エラーメッセージ データオブジェクトを一行ずつ取り出していると思うのですが、 取り出しが上手く行かずにエラーが出ます。 d3.min.js:3 Error: <circle> attribute cx: Expected length, "functi

    • 0評価
    • 130PV
    wasi300 wasi300 5ヶ月前
  • 解決済

    回答
    1

    【Monaca】D3.jsが動きません

    概要 Monacaで「D3.js」プラグインを使用したいのですが、1行目でエラーが出ます。 初心者で色々調べたのですが全く分からなかった為こちらに質問致しました。何卒よろしくお願いします。 エラーメッセージ Uncaught TypeError:Cannot call method 'zoom' of undefined 該当のソースコード

    • 0評価
    • 216PV
    t33 t33 5ヶ月前
  • 解決済

    回答
    1

    D3によるグラフのノードに画像を使う

    こちらのサイトを用いてD3風にグラフをレイアウトしていたのですがどこか物足りなかったのでノードのまん丸の代わりに画像を使いたく思いこちらのサイトを参考に.append を使って編集しました。 編集後のソースコードを以下に載せます。 var link = svg.selectAll('.link') .data

    • 0評価
    • 212PV
    kkkmokotan kkkmokotan 6ヶ月前
  • 解決済

    回答
    1

    D3.jsで折れ線グラフ表示 時間軸について

    D3.jsにてcsvファイルから折れ線グラフを表示しています。 時間軸をcsvで保存した一番古い時間”%H:%M”をX軸とY軸の交点に、 csvで保存した最新の時間”%H:%M”をX軸の最終座標軸に表示したいのですが、 ラベル表示が上手くいきません。 d3.csv(myFile1, function(error, data){

    • 0評価
    • 457PV
    nojytatsu nojytatsu 7ヶ月前
  • 解決済

    回答
    1

    D3.jsにてcsvファイルラベルデータの抽出を変数にて行いたい

    プログラムすべてを記載すると長く読みづらいので割愛しています。 var strYear =document.selectFrame.selectYear.value; var strMonth =document.selectFrame.selectMonth.value; var strData =document.selectFrame.selec

    • 0評価
    • 219PV
    nojytatsu nojytatsu 7ヶ月前
  • 解決済

    回答
    2

    Railsを使った、D3.jsでJSON形式のデータが読み込めない件について

    RailsのデータベースからJSON形式でデータを取得し、D3.jsで棒グラフを表示したい のですが、javaScriptの記述でエラーとなってしまい、グラフを表示することができません。 JSはあまり知識が無いためどのような記述が誤りがあるのかご教示いただければ幸いです。 発生している問題・エラーメッセージ Uncaught ReferenceE

    • 0評価
    • 250PV
    k.yamada920 k.yamada920 7ヶ月前
  • 解決済

    回答
    1

    【JavaScript】XHRで取得した値が代入された、関数の中で定義した変数を、グローバル化するに...

    外部のJSONファイルから値を読み込み、 Javascriptの変数に代入するというコードがあります。 ar xmlhttp = new XMLHttpRequest(); var url = "http://...jason.txt"; xmlhttp.onreadystatechange = function() { if (xmlhttp.r

    • 0評価
    • 315PV
    sarah358 sarah358 10ヶ月前
  • 解決済

    回答
    2

    C3.jsを使い、ajaxで返ってきた値でグラフを描きたい

    以下のようにC3.jsを使い、ajaxで返ってきた値で散布図グラフを描こうとしています。 $.ajax({ type: "POST", url: url, data: {"column":column,"type":typ

    • 0評価
    • 556PV
    mizutama72 mizutama72 10ヶ月前
  • 解決済

    回答
    1

    なlocalhostで CSV File Load方法

    こんにちは、今Javascriptなどの勉強をしている初心者です。 今まで例題を練習しながら同じディレクトリーにあるCSV Fileをロードする過程で XMLHttpRequest cannot load と言う問題が発生して努力しましたが、 全然できなくて他のロード方法を探しています。 もし皆様はlocalの環境で開発する時、CSV

    • 0評価
    • 248PV
    YJC-geun YJC-geun 10ヶ月前
  • 解決済

    回答
    2

    d3.jsのCSVFileのロードができない

    こんばんは!今d3.jsで簡単なグラフを具現しながら勉強していますが 同じディレクトリーにあるCSVFileを読み組む過程で d3.min.js:1 XMLHttpRequest cannot load file:///D:/atomproject/d3js/sp.csv. Cross origin requests are only support

    • 0評価
    • 294PV
    YJC-geun YJC-geun 10ヶ月前
  • 解決済

    回答
    2

    jqueryのselectorについて

    こんにちは、初心者です。 D3.jsでグラフを作っていますが。 SVGタグのIDAttibuteのvalueを獲得するためにjqeuryのselector利用すると なぜか<head>タグのなかでするとundifinedが変換されています。 でも<body>でするとできます。 その理由は何ですか?そして<head>でしたかったら

    • 0評価
    • 288PV
    YJC-geun YJC-geun 10ヶ月前
  • 解決済

    回答
    1

    xmlhttprequest cannot load csv fileについて皆様のご意見もらいたい...

    こんばんは! 今D3.jsの勉強するために簡単なグラフをコーディングしていますが 完成したコードをブラウザーでロードしたところ こんなエラーが出ました 「XMLHttpRequest cannot load file:///D:/atomproject/d3js/population.csv. Cross origin requ

    • 0評価
    • 494PV
    YJC-geun YJC-geun 11ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    59

  • 総質問数

    49

  • 今週の質問数

    0

関連するタグ

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