JavaScript - 数学 - データをグラフで可視化する(1日の間に気温はどのように変化するか)
JavaScript - 数学 - データをグラフで可視化する(1日の間に気温はどのように変化するか)
え、「D3ってグラフ描くライブラリーでしょ?」ですって? それだけではありません。あらゆるデータを魅力的に見せる「データビジュアライゼーション」は、Webデザイナーの表現の幅をさらに広げてくれそうです。 本記事はMichaela Lehr、Tim Severienが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 D3.jsはデータに基づいてドキュメントを操作するJavaScriptライブラリです。D3.jsはHTML、SVG、CSSを使ってデータを活用します。 私がおすすめする、Web制作者が学ぶべきJavaScriptライブラリーは、jQuery、Underscore.js、そしてD3.jsの3つだけです。この3つのライブラリーは、新しい方法でコードを考えることができます。jQueryを使うと少ないコードでDOM
最近、JavaScriptライブラリのD3.jsを利用したRのパッケージが多い気がします。紹介するパッケージは地形データをブラウザでインタラクティブに表示する「exCon」パッケージです。 パッケージのバージョンは0.2.5、R version 4.2.2で確認しています。 パッケージのインストール下記コマンドを実行してください。 #パッケージのインストール install.packages("exCon")実行コマンドの紹介下記コマンドを実行してください。詳細はコメントまたはパッケージヘルプを確認してください。 #パッケージの読み込み library("exCon") #データ例の作成 TestData <- matrix(sample(1:1000, 100, replace = TRUE), 10, 10) #プロットコマンド #参考:MACでbrowser = "/usr/bin/
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取ることは困難です。そこで、データの見せ方や伝え方が重要になってきます。 D3.jsとは D3.jsは、Mike Bostock(mbostock)が作成したデータ可視化用途で人気のJavaScriptライブラリで、データをDOMと結びつけ、データ駆動によりグラフを作成することができます。ソースコードはGithubで公開されており、人気を表すStarの数がGithubに公開されているリポジトリ全体で6番目に多いことからも、注目の高さが伺えます(2013/10現在)。ライセンスは修正BSD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く