GitHub - d3/d3: Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Coffeescript helpers for d3.js • Varuna Jayasiri
fp.js is a tiny library to help keep d3.js dom manipulation code clean. Update (December 29, 2013) # Upgraded to support the format at the bottom. Check out this rewrite of the d3.js Grouped Bar Chart Example using fp.js. I write a lot of d3.js code and most dom manipulation code got complicated and hard to maintain. With fp.js attributes, styles and events can be set easily. But the most importan
D3.jsã¨Open Data〜ãã®ï¼‘地図をæç”»ã™ã‚‹ - Qiita
ã“ã®è¨˜äº‹ã¯D3.js Advent Calendar 2013ã®9日目ã§ã™ã€‚Open Dataã¨å¤§ããªã“ã¨ã‚’言ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯è¡Œæ”¿ãƒ‡ãƒ¼ã‚¿ã®åŸºæœ¬ã®ã‚ã§ã‚ã‚‹ã¨ã“ã‚ã®åœ°å›³ã‚’æç”»ã—ã¦ã¿ã¾ã™ã€‚ãªã‚ã‘ã§åœ°å›³ã‚’æç”»ã™ã‚‹ã¨ã“ã‚ãŒã‚´ãƒ¼ãƒ«ã§ã™ã€‚ 今回ã®å®Œæˆå›³ã¯ä¸‹è¨˜ã§ã™ã€‚国土交通çœã‹ã‚‰ç¥žå¥ˆå·çœŒã®è¡Œæ”¿åŒºåŸŸãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—D3.jsã§æç”»ã—ã¾ã™ã€‚ã¤ã„ã§ã«ãƒ›ãƒ¼ãƒ タウンã¨ã—ã¦ã„ã‚‹Jリーグãƒãƒ¼ãƒ 毎ã«è‰²å¡—ã‚Šã—ã¦ã¿ã¾ã—ãŸã€‚(マリノスã®æœ€çµ‚節ã«ã¤ã„ã¦ã¯è§¦ã‚Œã‚‹ã¹ã‹ã‚‰ãšï¼) サンプルページã¯ã“ã¡ã‚‰ D3 Geo Projection D3.jsã«ã¯åœ°ç†æ画機能ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å«ã¾ã‚Œã¦ãŠã‚Šã€ã•ã¾ã–ã¾ãªæŠ•å½±æ³•ã«ã‚ˆã£ã¦åœ°å½¢ãƒ‡ãƒ¼ã‚¿ã‚’æç”»ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ https://github.com/mbostock/d3/wiki/Geo-Projections ã“ã®æ©Ÿèƒ½ã‚’使ã£ã¦åœ°å›³ã‚’æç”»ã—ã¾ã™ データã®å…¥æ‰‹ ã¾ãšã¯å›½åœŸäº¤é€šçœã®ãƒšãƒ¼ã‚¸ã‹ã‚‰è¡Œæ”¿åŒº
D3.jsã¨Open Dataãã®ï¼’〜å„国ã®äº‹ä¾‹ã€œ
ã“ã®æŠ•ç¨¿ã¯D3.js Advent Calendar 2013ã®15日目ã§ã™ã€‚å‰å›žæ‹…当分ã¯Qiitaã«æ›¸ãã¾ã—ãŸãŒã€ä»Šå›žã¯å®Ÿè£…ã®ç´¹ä»‹ã¨ã„ã†ã‚ˆã†ã‚Šã‚‚事例紹介ãªã®ã§ãƒ–ãƒã‚°ã®æ–¹ã«æ›¸ãã¾ã™ã€‚ã¨ã„ã†ã‹ã€è‡ªåˆ†ã®ãƒ–ãƒã‚°ã®ã“ã¨ã‚’ã™ã£ã‹ã‚Šå¿˜ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€åŒåƒšã«çŸ¥ã‚‰ã¬ã¾ã«ã‚¦ã‚©ãƒƒãƒã•ã‚Œã¦ã„ãŸã‚ˆã†ãªã®ã§ã€ãŸã¾ã«æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ 今回ã¯D3.jsを実際ã«ã¤ã‹ã£ã¦Open Dataをビジュアライズã—ã¦ã„るサイトをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ 1. Not All Neighborhoods Are Created Equal (Boston Edition) ボストンã®åœ°ä¾¡ã®åˆ†å¸ƒã‚’ビジュアライズã—ãŸã‚‚ã®ã§ã™ã€‚Maxã€Minã¨ä¸å¤®å€¤ã‚’表ç¾ã™ã‚‹ã‚°ãƒ©ãƒ•ã«ãƒžã‚¦ã‚¹ã‚’é‡ãã‚‹ã¨è©²å½“ã®åœ°åŸŸãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¾ã™ 2. Drought Extends, Crops Wither – The New York Times å¹²ã°ã¤ã«ã‚ˆã‚‹ä½œç‰©
Sky Blue Trades | AngularJS + D3.js = Radian
UPDATE: Radian is now open source. Read about it on the BayesHive website here. Courtesy of Hideharu Sakai, this article is also available in Japanese. One of the things we needed to be able to do for the BayesHive software I’m working on with Tom Nielsen of OpenBrain is easily produce plots within our front-end web app. There are lots of JavaScript libraries for doing this: Tom started off using
D3.jsã§Force-Directed Graphを使ã£ã¦ãƒ©ãƒ–ライブï¼ã®ã‚ャラ関係をå¯è¦–化ã™ã‚‹ - AOI-CAT's diary
Force-Directed Graph 力指å‘グラフã¯ã€nodeã®é–“ã¨æç”»é ˜åŸŸã«ç‰©ç†çš„ãªä½œç”¨ã‚’計算ã—ã¦ã†ã¾ã„ãã‚ã„ã«è¡¨ç¤ºã™ã‚‹ã‚‰ã—ã„ã§ã™ã€‚ å„node（円）ã¯ãƒžã‚¦ã‚¹ã§å‹•ã‹ã›ã¾ã™ã€‚ 元データã¯Pixivã®ã‚¿ã‚°æ¤œç´¢é›†è¨ˆã§ã™ã€‚「(ãƒ©ãƒ–ãƒ©ã‚¤ãƒ–ï¼ OR ラブライブ!) ã«ã“ã¾ãã€ãªã©ãã‚Œãžã‚Œã®ã‚ーワードã§æ¤œç´¢ã—ã¦å‡ºã¦ããŸä½œå“数を集計ã—ã¾ã—ãŸã€‚ ç·šã®å¤ªã•ãŒã‚¿ã‚°æ•°ï¼ˆã€Œã«ã“ã¾ãã€ãªã‚‰â€œã«ã“â€â€œã¾ãâ€é–“ã®ç·šãŒå‡ºç¾æ•°ã«å¿œã˜ã¦å¤ªããªã‚‹ï¼‰ã‚’表ã—ã¦ã„ã¾ã™ã€‚nodeã®å¤–周を囲む線ã¯å¦å¹´ã”ã¨ã®å¡—り分ã‘ã‚’ã—ã¦ã„ã¾ã™ã€‚ JSONã®ãƒ‡ãƒ¼ã‚¿ã®æ§‹é€ nodesé…列をdata()ã§ã‚»ãƒƒãƒˆã—ã¦ã€ä»Šã¾ã§ã¨åŒã˜ã‚ˆã†ã«circleã¨lineã‚’appendã—ã¾ã™ã€‚ linksé…列ã¯ã€å„nodeã®é–¢ä¿‚を記述ã—ã¾ã™ã€‚sourceã®0ã¯ã€nodes[0]ã§ã™ã€‚ graph = { nodes : [ { "name" : "ã«ã“", "color
d3js.org 日本語化プãƒã‚¸ã‚§ã‚¯ãƒˆ
d3js.org 日本語化プãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„㦠[目次ã¸] JavaScriptデータ視覚化ライブラリ D3.js ã®æœ¬å®¶ã‚µã‚¤ãƒˆ http://d3js.org㮠日本語化を行ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ 翻訳㯠Michael Bostock æ°ã®è¨±è«¾ã‚’å¾—ã¦ãŠã‚‚ã«ãƒ‰ã‚ュメント㮠日本語化を行ã„ã¾ã™ã€‚ æ›´æ–°å±¥æ´ [目次ã¸] [2013/01/02] 地図を作ã‚ã†ã®ç¿»è¨³ [2012/12/22] ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 3.0 ã®æ–°æ©Ÿèƒ½ã®ç¿»è¨³ [2012/12/09] TopoJSON ホームã€ãŠã‚ˆã³ 仕様書ページ翻訳 [2012/12/05 24:46] ドã‚ュメントã€ãŠã‚ˆã³ 解説ãã®ä»–ã®ãƒšãƒ¼ã‚¸ä½œæˆï¼ˆç¿»è¨³ã¯ã¾ã ） [2012/12/04 21:09] 三ã¤ã®å°å††ä½œæˆãƒ»ç¿»è¨³ [2012/12/03 13:02] d3js.org 日本語化プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’æ›´æ–° （サイト構æˆã®è¿½åŠ ã€ä»–） [2012/12/02
Brian Ford Using the D3.js Visualization Library with AngularJS
Currently no descriptions for this product and will be added soon.
NVD3
This project is an attempt to build re-usable 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
Tributary
What is this? Tributary is an experimental environment for rapidly prototyping visualization code. The environment provides several libraries useful for this kind of coding, as well as a simple interface for live code editing. Some of these images take you to galleries of Tributary examples, don't be afraid to click on images which take you to the actual live tributaries! Who is involved? Tributar
D3 for Mere Mortals
By Luke Francl ([email protected]), August 2011 d3.js is a data visualization library by Mike Bostock, who is also the primary creator of Protovis, which D3 is designed to replace. D3 has a steep learning curve, especially if (like me) you are not used to the pixel-precision of graphics programming. To build a visualization with D3, you need to understand JavaScript objects, functions, and the me
「HTML5+WordBench勉強会 in 神戸ã€ã§ã€Œd3.jsã€ã«ã¤ã„ã¦ç™ºè¡¨ã—ã¦ãã¾ã—ãŸã€‚ | CreativeStyle
2012å¹´2月18æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5+WordBench勉強会 in 神戸ã€ã§ã€ãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーションã®ãŸã‚ã®JavaScriptライブラリ「d3.jsã€ã«ã¤ã„ã¦ç™ºè¡¨ã—ã¦ãã¾ã—ãŸã€‚ 主催ã¯ã€ŒWeb CAT Studioï¼ˆæ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ã€ã•ã‚“ã€ã€ŒWordBench神戸ã€ã•ã‚“ã€ãã—ã¦åƒ•ãŒæ‰€å±žã—ã¦ã„る「HTML5-West.jpã€ã®ï¼“団体ã§ã™ã€‚ WordPress+HTML5勉強会 in 神戸 : ATND プレゼン資料 実際ã«ãƒ—レゼンã§ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã“ã¡ã‚‰ã€‚ 終盤ã®ãƒ©ã‚¤ãƒ–コーディングã§ä½œã£ãŸã€Œæ£’グラフã€ã®ã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã€‚ kadoppe/HTML5-WordPress-in-Kobe-d3js-sample – GitHub サマリー ã‚ã‹ã‚Šã¥ã‚‰ã„データをå¯è¦–化ã™ã‚‹ã“ã¨ã§ã€äººé–“ã®ãƒ‡ãƒ¼ã‚¿ç†è§£ã‚’助ã‘ã‚‹ã“ã¨ãŒã§ãる「データビジュアライゼーションã€ã€‚ã“ã®ãƒ‡ãƒ¼ã‚¿ãƒ“ジュア
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Drag Slider
http://daily.d3js.info/?p=296
NVD3 - Examples (redirect)
WEBSITE.WS - Your Internet Address For Lifeâ„¢
http://ja.d3js.node.ws/blocks/mike/map/
http://christopheviau.com/d3_tutorial/
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_20.htm
mbostock’s gists
{{#tags}}- {{label}}
{{/tags}}