ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
どこでも方位図法
2019/11/21 静止したときの地図を詳細化しました。 マウスの位置や回転角度によらず、水平方向にドラッグすると東西方向に、垂直方向にドラッグすると南北方向に移動します。 Internet Explorer、Google Chrome、Safariを推奨します。Firefoxは、Canvas 2Dのpath処理性能が低いために遅くなります。(2021/03/29 Firefoxも性能差がなくなっているので全文を削除) 地図画像については、画像中に記載した通り、CC BY-SA 4.0ライセンスで提供しています。同ライセンスの諸条件にしたがっていただければ、再利用可能です。 地図画像以外の部分については、(株)オンターゲットが著作権を保有します(D3.jsを除く)。WEBサイト開発の依頼やその他お問合せについては、運営会社のサイトをご覧下さい。 弊社開発の他の地図はこちら。
D3.jsにあてはまらないこと | POSTD
最近D3.jsをかなりいじってみました。APIをあれこれ調べ、すこし複雑なチャートを構築した後、長い間D3を誤解していたことに気づきました。それは私だけではありません。友達と話してみると、彼らもD3について勘違いをしています。そこで、よくある誤解のいくつかをはっきりとさせるために、この記事を書く事にしました。 D3はチャート・ライブラリではありません D3のホームページに行くと、たくさんの素晴らしいチャートとビジュアライゼーションを見ることができます。しかし、D3は、 Highcharts や Chart.js あるいは Google Charts のようなチャート・ライブラリではありません。ただ単に、データセットを受け渡すことや、必要なチャートのタイプ指定、凝ったチャートを入手することはできません。D3はそれよりもずっと低レベルなのです。D3上に構築されたチャート・ライブラリでは、たとえ
データビジュアライゼーションをはじめるためのフリーのツール・情報源20選 – lab.sugimototatsuo.com
お知らせ (2015年9月30日） 日経ビッグデータ発行の『データプレゼンテーションの教科書』（2014年12月発売）の記事「データビジュアライゼーションのためのフリーツール厳選20」（P.102～105）において、本記事の翻訳文が盗用され、改変の過程で誤訳が生じていました。詳しくは下記リンクをご参照ください。 『データプレゼンテーションの教科書』（日経BPムック）についてお詫びと訂正（日経BP社サイト） この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 Brian Sudaが、データをクリーンアップし、すてきなビジュアライゼーションを作成する20のツールと学習情報を紹介します。 Original Article by Brian Suda. Translated by Tatsuo Sugimoto. この記事では、フリーで
クリエイティブ・コーディング・スクール in さっぽろ 2014
クリエイティブ・コーディング・スクール in さっぽろ 2014 全日程終了を記念して、クロージングパーティを開催します。 このクロージングパーティでは、 クリエイティブコーディングによるパフォーマンスや、スクール受講者のみなさんに、今回の講座で制作した作品やパフォーマンスを発表いただく予定です。 参加者のみなさまやクリエイティブ・コーディングにご興味のある方のご参加をお待ちしています。 「De_CODE」クリエイティブ・コーディング・スクール in さっぽろ 2014 クロージングパーティ 日時 2014年9月14日(日) 20:00-22:00 （開始・終了時刻は変更の可能性あり） 会場 テラス計画 （札幌市中央区北2条西4丁目 札幌三井JPビルディング内 赤れんがテラス5階） 出演アーティスト 田所 淳 ほか VJ beatimage ほか ＋ スクール受講者 入場 無料 たべもの・
D3.js – 折れ線グラフと棒グラフのポイント | DevelopersIO
はじめに 前回に引き続き、D3.jsについて学習しているt-hondaです。 D3.jsは「データ・ドリブン」でドキュメントを生成するため できることが多いことや、ソース上で行うことが多い傾向があり 取っ付き難い点もあるかと思います。 今回は折れ線グラフと棒グラフを表示する上で共通となるポイントについて取り上げ 次にそれらのポイントを踏まえて公式サイトのサンプルソースを解析してみたいと思います。 ポイントについて 各ポイントについては、以下のサイトに分かりやすい説明が書かれているので 引用しながら説明していきたいと思います。 D3 入門 : スケール - スコット・マレイ スケール D3.jsでのスケールとは、入力した値を適切な(見やすい)値に変換するモノ(関数)だと言えると思います。 上記のサイトでは データを視覚化した場合、必ずしも元の値がうまくデータ表示領域に収まるとは限りません。そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - preziotte/party-mode: An experimental music visualizer using d3.js and the web audio api.