[B! d3] kiyo_hikoのブックマーク

d3 gantt show grid - Google 検索

stackoverflow.com › questions › add-y-axis-gridlines-t... 2018/02/09 · What's the best way of adding horizontal gridlines to a d3 gantt chart like in this example? I was originally thinking of making an axis and ...

kiyo_hiko 2017/01/20

リンク

Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。

※記事内の情報が古くなっています。ファーストインプレッション！ E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup Awards Excelでいつも作っているグラフをもっと恰好良くしたくないですか？でも，デザインソフトを自分で習得するには時間がかかりますし，グラフ作成をデザイナーに依頼にはお金がかかります．そこで我々は，ExcelからD3ライブラリーを簡単に呼び出せるOffice用アプリE2D3（Excel to D3）を開発しました．D3は2014年，世界で最も注目されているグラフィックライブラリーです．E2D3を使えば，D3の詳細な中身を理解する必要なく，簡単なExcel操作のみでビジュアルインパクトが強烈なグラフを作成できるようになります！以前から注目していた「E2D3」がリリースされたそうなので使ってみました。詳しい内容は以下の

kiyo_hiko 2014/10/30

リンク

U.S. Population by Age, 1850–2000

Visualization toolmaker. Co-founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.

kiyo_hiko 2014/09/28

リンク

【node.js+D3.js】サーバーサイドD3

残念なことにwindowsではjake(JavaScript build tool)がうまくインストールされないらしくビルドの途中でエラーを吐いてとまります。サンプルコード内部ではjsdomを使ってDOM操作を行っています。基本的にはフロントエンドでD3を使用するのと変わりません。 var d3 = require("d3"); var svg = d3.select("body") .append("svg") .attr({ "xmlns": "http://www.w3.org/2000/svg", "width": 750, "height": 750 }); svg.append('circle') .attr({ cx:100, cy:100, r:80, fill:'red' }) console.log(d3.select('body').node().innerHTM

kiyo_hiko 2014/09/28

リンク

【D3.js】D3.jsを使ってSVGで地図を描く

//プロジェクション設定 var projection = d3 .geoMercator() //投影法の指定 .scale(16000) //スケール（ズーム）の指定 .rotate([-0.25, 0.25, 0]) //地図を回転する　[x,y,z] .center([139.0032936, 36.3219088]); //中心の座標を指定 //パスジェネレーター生成 var path = d3.geoPath().projection(projection); //地図用のステージ(SVGタグ)を作成 var map = d3.select("body") .append("svg") .attr("width", 960) .attr("height", 500); //地理データ読み込み d3.json("gunma.geojson", draw Maps); //地図を描画

kiyo_hiko 2014/06/16

リンク

Amazon.co.jp: エンジニアのためのデータ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus): 森藤大地, あんちべ: 本

kiyo_hiko 2014/02/10

リンク

NVD3

This project is an attempt to build re-usa ble charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow