D3.js

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 32PV
    SHERRY SHERRY 1ヶ月前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 43PV
    nanasan nanasan 3週間前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 42PV
    r-yanyo r-yanyo 1ヶ月前
  • 受付中

    回答
    0

    d3.jsの値出力について

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

    • 0評価
    • 21PV
    wasi300 wasi300 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 80PV
    t33 t33 1ヶ月前
  • 受付中

    回答
    1

    d3.jsで矢印を描きたい

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

    • 0評価
    • 87PV
    blaubeere blaubeere 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 75PV
    kkkmokotan kkkmokotan 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 206PV
    nojytatsu nojytatsu 3ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 100PV
    nojytatsu nojytatsu 3ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 143PV
    k.yamada920 k.yamada920 4ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 197PV
    sarah358 sarah358 6ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 350PV
    mizutama72 mizutama72 6ヶ月前
  • 解決済

    回答
    1

    なlocalhostで CSV File Load方法

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

    • 0評価
    • 161PV
    YJC-geun YJC-geun 7ヶ月前
  • 解決済

    回答
    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評価
    • 188PV
    YJC-geun YJC-geun 7ヶ月前
  • 解決済

    回答
    2

    jqueryのselectorについて

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

    • 0評価
    • 171PV
    YJC-geun YJC-geun 7ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 308PV
    YJC-geun YJC-geun 7ヶ月前
  • 受付中

    回答
    1

    NVD3を利用してチャートを描画するときのドット位置がおかしい

    NVD3を利用してチャートをJavaScriptにて描画しておりますが、サンプルコードのように上手くデータが表示されなくて困っています。 言葉で説明しますと、 カーソルを乗っけた時にサンプルではグラフ上にカーソル位置のデータがポップアップされるようなのですが、 実際にサンプルを真似てデータだけ変えて実行してみるとカーソル位置のデータのポップアップが

    • 0評価
    • 145PV
    ultimatepotato ultimatepotato 8ヶ月前
  • 受付中

    回答
    0

    [Unity]WebViewにて画像ビューワーを表示させたい

    UnityのWebView(gree/unity-webview)にて画像ビューワーを表示させたいと思い、D3.jsを用いて画像ビューワー用のHTMLを作成しております。 (gree/unity-webviewを使用する場合、viewportの設定が無効になってしまうため) ひとまず下記のように記述し、動作上はおおよそうまくいっているのですが、例えば

    • 0評価
    • 438PV
    HitoshiKamada HitoshiKamada 9ヶ月前
  • 受付中

    回答
    0

    地図変換

    D3.jsを用いて日本地図の作成をしようと考えています。 主な内容は以下の通りです。 1.地図画像に含まれる道路だけにペイントする。 2.ペイントしたところをストリートビューみたいに移動できるようにする。 これらを実現したいのですが、具体的にどうすればいいのか見当が付かないです。 1だけでも作りたいので、方法を教えてください。 質問が分か

    • -2評価
    • 201PV
    th3 th3 10ヶ月前
  • 受付中

    回答
    1

    D3.jsでの棒グラフ降順ソート出力

    2次配列要素 var data = [[2,99][4,88][1,77][3,66][5,55]] があるとき,D3.jsでdata[i][0]を横軸,data[i][1]を縦軸として棒グラフを作成中です 縦軸のdomainはmax値を取ることでできたのですが横軸がうまく行きません. ネットで調べても良い記事がありませんでした. 横軸のdo

    • 0評価
    • 225PV
    nano-dia nano-dia 11ヶ月前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    56

  • 総質問数

    45

  • 今週の質問数

    0

関連するタグ

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