サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
The p5 D3 Cookbook is a repository of documented examples for integrating the features of D3.js into the p5.js library. D3.js offers a wealth of tools for manipulating data and connecting data to visual representations. p5.js, whosegoal is to make coding accessible for artists, designers, educators, and beginners, provides a environment where users can sketch their ideas in code. Together, these
ease()-y as Math.PI: 1,200,000ms of Fun with D3’s AnimatedTransitions Scott Murray, @alignedleft, alignedleft.com This is a presentation I gave at theEyeo Festival in Minneapolis on June 11, 2014, adapted for the web. The talk was entirely live-coded in theJavaScript console, an experience I’ve tried to recreate here. I recommend viewing this inChrome, with the developer tools open. Click the
About the visualization Some say that a shift from hypothesis testing to confidence intervals and estimation will lead to fewer statistical misinterpretations. Personally, I am not sure about that. But I agree with the sentiment that we should stop reducing statistical analysis to binary decision-making. The problem with CIs is that they are as unintuitive and as misunderstood as p-values and null
※記事内の情報が古くなっています。 ファーストインプレッション！ E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup AwardsExcelでいつも作っているグラフをもっと恰好良くしたくないですか？でも，デザインソフトを自分で習得するには時間がかかりますし，グラフ作成をデザイナーに依頼にはお金がかかります．そこで我々は，ExcelからD3ライブラリーを簡単に呼び出せるOffice用アプリE2D3（Excel to D3）を開発しました．D3は2014年，世界で最も注目されているグラフィックライブラリーです．E2D3を使えば，D3の詳細な中身を理解する必要なく，簡単なExcel操作のみでビジュアルインパクトが強烈なグラフを作成できるようになります！ 以前から注目していた「E2D3」がリリースされたそうなので使ってみました。 詳しい内容は以下の
Captchasecurity check koyamatch.com is for sale Please prove you're not a robot View Price Processing
GitHubが地図表示に対応したり、GoogleMapsAPIでも直接読み込めるようになったりと、着々と利用が進むGeoJSON。 D3.jsで地理情報を視覚化する際にも欠かせないものですが、そんなGeoJSONを扱うのに便利なWebサービスを集めてみました。 資料 GeoJSON フォーマット仕様 GeoJSONの仕組みを理解したい場合は、まずこれを読みましょう。 コンバーター ・mapshaper 地理情報の簡素化を行うためのサービスですが、Shape,geojson,topojsonを相互に変換するWebサービスとしても利用できます。 ・mapbox/csv2geojson 緯度経度を含んだcsvファイルをGeoJSONに変換するnode.jsツール。ポイントデータのみならず、ラインデータやポリゴンデータへの変換も可能。フロントエンドでも動作し、web上でコンバートを提供している
こんにちは。最近、子供とちょろっと堤防釣りの週末を過ごしています、近藤です。 さて、今釣りと同じくらい気になっているのが、D3.js。 業務でデータの視覚化を行う必要があり、いじり始めたのですが、 とても奥深くて楽しいJavaScriptライブラリです。 D3.jsの世界はとても奥深く、初心者がどこまで魅力を伝えられるかとても不安がありますが、 これから3回に分けて、D3.jsの事について書いて見たいと思います！ 第1回：D3.jsの魅力 第2回：基本的な書き方 第3回：レイアウト＋インタラクティブ D3.jsとは？ D3.jsは、データに基づいてドキュメントを操作するための データの可視化を行うJavaScriptライブラリです。 公式サイト：http://d3js.org/ 「このデータ、分かりやすくしてもらえるかな？」 「うち、こんなデータあるんだけど、コンテンツとして上手い事利用
Background In Square’s new engineer onboarding program, which we call NEO, we offer short courses and lectures on a variety of tools that we use at Square. We started to collectnotes from our course on D3.js and found thenotes were well-suited for a tutorial — and worth sharing. Introduction The tutorial provides a quick intro to d3.js, aJavascript library forcreating data visualizations in th
データのビジュアライゼーションといえばD3.jsがデファクトスタンダードだと思いますが、別にそんな複雑なビジュアルを出す必要もないよね、というときがあります。そんなときはdimpleというライブラリを使えば比較的楽にビジュアライゼーションが実現できそうです。 どんな感じなの？ こんな感じのグラフがプリセットで用意されています。こういった棒線グラフ以外にも、バブルチャートや折れ線グラフなど、数々のグラフが用意されています。詳しくはExamplesをご覧ください。 コードは至ってシンプルで、x軸、y軸にデータのキーをセットして、addSeriesでグラフの種類を設定するだけ。自分でD3.jsでグリグリやるより楽ですね。しかしSVGを利用して表示しているとはいえ、IE8以前のブラウザではSVGをサポートしていないので表示できません（参考）。というわけで、そのあたりのブラウザがターゲットの場合は注
FOSS4G 2014 HokkaidoにてD3.jsに関する講演を行わせていただきました。人生初北海道、初札幌だったわけですが、札幌良いですね！ 都会としての活気もありながら、あらゆる空間が広いので(歩道もすごく広い）、沢山の人が歩いていてもごみごみした感じが無いのが素敵でした。 たまに東京などに出ると、あまりの人の多さ、人混みで、人疲れしてしまうのですが、そういったこともなく、街歩きが楽しい都市だなと思いました。 後から、「道が広いのは冬場雪を積み上げる必要があるから」と教えていただきました。なので、冬場は大変なのかもしれませんｗ さて、FOSS4G 2014 Hokkaidoです。 懇談会で何人の方にお話しましたが、このブログに書いていることは完全に趣味で学んだことなので、日頃仕事などではGISや地図などにかかわることが全くなかったりまします。 なので普段はお会いすることのできない
An open-sourceJavaScript visualization library that streamlines thecreation of beautiful and accessibleSVG data visualizations.
How to implementJavaScript String.length in GolangI needed to implementJavaScript .length inGolang, the solution was pretty fun so I will tell you how. For some stringsGolang’s len function will do, e.g. "Hello World!".length // JS…
D3.jsとデータビジュアライゼーション 「ビッグデータ」や「データサイエンティスト」といった言葉に続き、「データビジュアライゼーション」もキーワードとして注目されてきていますね。 データを視覚化するツールは本当にたくさんありますが、個人的に使いたいなーと思っているのが、D3.jsです。 D3.js ブラウザで動くのでプラットフォームを選ばないし、ただの画像にはできないインタラクティブな表現がアツいです。思わず「すげー！」というようなサンプルコードがたくさんあるのですが、D3.jsを使うには、SVGの知識が必要です。D3.jsの日本語書籍が最近発売されましたが、HTMLやCSSの基本的な部分から解説してあるので、非エンジニアでも、最初から読み進めていけばD3.jsを使えるようになるのではと思います。↓↓↓ インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化 S
先日公開した D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう の記事ではD3.jsをつかってグラフを作成しました。本記事ではD3.jsで作成したSVG形式のグラフをPNG形式の画像として保存する方法をご紹介します。 D3.jsにはCSVやJSONなど 様々なデータ形式を扱う為の便利なメソッド が用意されており、アプリケーションへの組み込みが容易です。しかしアプリケーションへの組み込みとなると、「X月X日の状態のグラフを保存しておきたい」、「グラフを資料に添付したい」といった要望も出てくるのではないでしょうか。 単純に画面のスクリーンショットを取得する以外ではPhantom.js を利用してキャプチャを取得する方法や Apache Batik を利用してSVGを変換する方法などが考えられましたが、クライアントサイドだけで完結しない上、実装が少々手間です。
Day 24: d3.js Advent Calendar 2013 こんにちは。くてけんです。うかうかしていて、サンフランシスコ時間での投稿になりました。 4,5日前に政府のデータカタログサイトの試行版として、DATAGO JP(http://www.data.go.jp/)がリリースされました。これはナイスタイミング！ということで、このDATAGO JPで公表されているデータを使って、R + d3.js でデータ可視化を行ってみました。 今回の流れ DATAGO JP から使用するデータセットを選ぶ R でデータ整形 d3.js でビジュアライゼーション DATAGO JP から使用するデータセットを選ぶ こちらからデータセットが検索できますが、まずJSONデータは無いので、CSVをターゲットに検索し、今回扱うデータを決めます。 http://www.data.go.jp/da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
