Web・フロントエンド・バックエンド– category –
-
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に直... -
tRPCとは｜TypeScript型をそのまま共有する次世代RPC
tRPC（ティー・アール・ピー・シー）は、TypeScript製のフルスタックアプリケーション向けに設計された、型安全なRPCフレームワークです。2020年にAlex Johansson氏が公開して以降、Next.jsやNuxt系プロジェクトを中心に急速に普及し、現在ではフロントエ... -
Server-Sent Eventsとは｜HTTPで実現する片方向ストリーミング
Server-Sent Events（サーバセントイベンツ、略称SSE）は、サーバからブラウザへ片方向にストリーミング配信を行うためのWeb標準技術です。HTML5の一部としてWHATWG／W3Cで策定され、現在はHTML Living Standardの「Server-sent events」セクションで定義... -
Socket.IOとは｜双方向通信を簡略化するJavaScriptライブラリ
Socket.IO（ソケット・アイオー）は、ブラウザとサーバの間でリアルタイムな双方向通信を実現するためのJavaScriptライブラリです。2010年にGuillermo Rauch氏が開発を開始し、Node.jsの普及とともにチャット・通知・ライブダッシュボードなどの分野で広く...
