簡単にガントチャートとかクラス図とか書けるやつ - Qiita

2017/07/26 634 users ガントチャート Mermaid UML Qiita 図形

mermaid は、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.js の機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、 ヘルプ はGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ できること 以下の図が描け... 続きを読む

2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス

2016/11/28 380 users コリス jQuery React ライブラリ ビッグデータ

数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQueryやReactは多くの人が知っているでしょう。 2017年に注目しておきたい、急成長しているJavaScriptのライブラリを紹介します。 D3.js ビッグデータは成長産業で、... 続きを読む

【D3.js】サーマーウォーズのワールドクロックを作る | #GUNMAGISGEEK

2015/07/06 141 users 地軸 example 地球儀 SVG 地形

アノ時計っぽいものを作ってみました。 example 解説 基本的には下記記事をちょこちょこっと改良しただけです。 【D3.js】 SVGで地球儀を描く 地軸を傾けながらSVGで地球儀を表示する ポイントとしては地形を裏用(グレー)と表用(ピンク)に２重に描画しているところでしょうか。 clipAngleメソッドを使って描画される範囲を変えています。 ・裏用地形描画 var projection1... 続きを読む

可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン

2014/04/14 209 users エレクトロン 敷居 グラフ 設計 データ

Tweet Tweet最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、設計を知るほどによく出来ていて驚きます。 D3.jsとは何か？ そもそも、D3.jsとはなんでしょう？ D3.js – Data-Driv... 続きを読む

2時間縛りでd3.js挑戦してみた - mizchi's blog

2014/03/02 228 users mizchi's blog アンチ mizchi 無茶ぶり

2014-03-02 2時間縛りでd3.js挑戦してみた 何この記事 あんちべという人から無茶ぶりがきたので対応した mizchi、d3ブログ書いてくれた呑む— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian D3まだ極めてないです— 高意識エネルギー (@mizchi) 2014, 3月 2 @mizchi 2時間やろう、早く極めたまえ— 3... 続きを読む

「D3.js」を使ったデータビジュアライゼーション （1/4）：CodeZine

2013/11/05 196 users Tech-Sketch スマートデバイス CodeZine

本連載ではTIS株式会社が提供している技術ブログ「Tech-Sketch」から「コレは！」というテーマをピックアップし、加筆修正して皆様にお届けしております。今回は「D3.js」というJavaScriptのライブラリを利用した、データ可視化についてご紹介します。 Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。また、ビッ... 続きを読む

D3.js の Data-Driven な DOM 操作がおもしろい - てっく煮ブログ

2013/10/23 190 users SVG Data-Driven DOM ライブラリー CSS

ここんところ D3.js を触ってみているんだけど、これがなかなか面白い。 D3.js は「ビジュアライズ用のライブラリー」だと紹介されがちなんだけども、意外にも D3.js にはグラフを描画する機能がない。 D3.js のトップページには次のように書いてある。 D3.js はデータからドキュメントを生成するためのライブラリーです。D3 は HTML, SVG, CSS を使ってデータに命を吹き込... 続きを読む

D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう - Tech-Sketch

2013/09/02 309 users Data-Driven Tech-Sketch グラフ

Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。 また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取るのは困難です。 そこで、データの見せ方や伝え方が重要になってきます。 インフォグラフィ... 続きを読む

ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ | GUNMA GIS GEEK

2013/04/27 227 users GUNMA GIS GEEK ゴールデンウィーク中

「データビジュアライゼーション（D3.js）を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。 そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。 スライドを眺める まずはD3.jsがどんなライブラリなのか把握しましょう ・about d3.js チュート... 続きを読む

データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」 - GIGAZINE

2013/01/21 423 users ライブラリ GIGAZINE JavaScript グラフ

どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが... 続きを読む

ニューヨークタイムズも注目！「データ×デザイン」を実現するJavascriptライブラリ「d3.js」 | サンフランシスコ・シリコンバレー拠点のクリエイティブエージェンシー・btrax スタッフブログ

2013/01/17 167 users ニューヨークタイムズ GitHub 上位 ランク 注目

ニューヨークタイムズも注目！「データ×デザイン」を実現するJavascriptライブラリ「d3.js」 世界中でデータがどんどん増えていく中で、データをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中の、データをビジュアライズする為の「d3.js」というラ... 続きを読む

様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌

2012/06/29 347 users phpspot開発日誌 グラフ NVD3.js サンフ マウス

NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプ... 続きを読む

「このプログラムは◯◯言語で書きました」の本当の意味

2012/02/28 336 users 言語 プログラム 意味 GDB メモリリーク

例：「このプログラムはC言語で書きました」＝「このプログラムはGDBでひたすらデバッグしてvalgrindでメモリリークをチェックしました」 以下絵が続きます。チャートそのものはd3.jsで描かれていて、このgistを拝借して手を加えています。 続きを読む

d3.js

2011/02/28 231 users

Data-Driven DocumentsD3.js is a small, free JavaScript library for manipulating documents based on data.D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-drive... 続きを読む