Web・フロントエンド・バックエンド– category –
-
Three.js とは WebGL を扱う 3D 描画ライブラリの定番
Three.js（スリージェイエス）は、ブラウザ上で 3D グラフィックスを描画するための JavaScript ライブラリです。2010 年に Ricardo Cabello 氏（通称 Mr.doob）によって公開され、WebGL の冗長な API をシーン・カメラ・メッシュといった直感的な抽象でラ... -
Observable — D3作者が立ち上げたノートブック型可視化基盤
Observableは2017年にD3.jsの作者Mike BostockとMelody Mecklerが設立した、Web上のJavaScriptノートブック型可視化プラットフォームです。Jupyter Notebookに着想を得た「セル単位の実行と可視化」をブラウザだけで完結させ、D3.jsをはじめとする可視化ラ... -
Vega-Lite — Vega を簡素化した高レベル可視化文法
Vega-Liteは2016年にワシントン大学Interactive Data LabのKanit Wongsuphasawat、Dominik Moritz、Arvind Satyanarayan、Jeffrey Heerが発表した、Vegaの上位に位置する高レベルな可視化文法です。Vegaが低レベルな部品を組み合わせるのに対し、Vega-Lite... -
Vega — JSON文法で可視化を宣言する研究系ライブラリ
VegaはワシントンUW Interactive Data Lab（旧StanfordのHCI Group）が開発した、データ可視化のための宣言的文法です。棒グラフや散布図のような既製チャートを呼び出す代わりに、データ、変換、スケール、軸、マーク、エンコーディングといった可視化の... -
visx — Airbnb発の低レベルReact可視化コレクション
visx（旧称vx）は2017年にAirbnbのデータ可視化チームが公開したReact向け可視化ライブラリ集合です。Rechartsのような「完成品コンポーネント」ではなく、Scale、Shape、Axis、Group、Glyph、Tooltipといったプリミティブを30以上のサブパッケージに分割... -
Recharts — D3とReactを橋渡しする宣言的チャート
Rechartsは2015年に公開されたReact向けチャートライブラリで、内部でD3.jsのscale/shape系モジュールを利用しつつ描画はReactの仮想DOMに委ねる「Use D3 for math, React for DOM」パターンを採用しています。LineChart、BarChart、AreaChart、PieChartと... -
Highcharts — 商用ライセンスで支持される高品質チャート
Highchartsは2009年にノルウェーのTorstein Hønsiが個人プロジェクトとして公開したJavaScriptチャートライブラリです。息子の積雪量を記録したいというささやかな動機から始まりましたが、商用利用は有償ライセンスというビジネスモデルを選択したことで... -
ECharts — Baidu発でApacheに移管された多機能可視化
Apache EChartsは2013年に中国の検索大手Baiduの開発チームが社内可視化基盤として開発を始めたJavaScriptライブラリです。2018年にApache Software Foundationへ寄贈され、2021年にトップレベルプロジェクトへ昇格しました。棒・線・円といった基本チャー... -
Chart.js — Canvasと設定オブジェクトで描く軽量可視化
Chart.jsは2013年にNick Downieが公開した、Canvas APIベースのJavaScriptチャートライブラリです。棒グラフ、折れ線、円グラフ、レーダー、散布図など定番8種類を設定オブジェクト一つで描画でき、依存ライブラリが少なく軽量という設計から急速に普及し... -
D3.js — SVGをDOM操作で描く低レベル可視化ライブラリの祖
D3.js（Data-Driven Documents）は2011年にMike Bostockがスタンフォード大学Vis Groupで発表した、JavaScript製のデータ可視化ライブラリです。先行プロジェクトProtovisを発展させた後継として誕生し、データ配列をDOM要素にバインドし、SVGやCanvasに直...
