タグ

関連タグで絞り込む (7)

タグの絞り込みを解除

d3に関するaikeのブックマーク (7)

  • ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発


    人気のデータビジュアライゼーションライブラリー﹁D3.js﹂をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
    ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
    aike
    aike 2016/09/19
    リンク

  • GitHub - preziotte/party-mode: An experimental music visualizer using d3.js and the web audio api.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - preziotte/party-mode: An experimental music visualizer using d3.js and the web audio api.

  • どこでも方位図法


    2019/11/21 静止したときの地図を詳細化しました。 マウスの位置や回転角度によらず、水平方向にドラッグすると東西方向に、垂直方向にドラッグすると南北方向に移動します。 Internet Explorer、Google Chrome、Safariを推奨します。Firefoxは、Canvas 2Dのpath処理性能が低いために遅くなります。(2021/03/29 Firefoxも性能差がなくなっているので全文を削除) 地図画像については、画像中に記載した通り、CC BY-SA 4.0ライセンスで提供しています。同ライセンスの諸条件にしたがっていただければ、再利用可能です。 地図画像以外の部分については、(株)オンターゲットが著作権を保有します(D3.jsを除く)。WEBサイト開発の依頼やその他お問合せについては、運営会社のサイトをご覧下さい。 弊社開発の他の地図はこちら。
    aike
    aike 2014/10/30
    リンク

  • D3.jsにあてはまらないこと | POSTD


    最近D3.jsをかなりいじってみました。APIをあれこれ調べ、すこし複雑なチャートを構築した後、長い間D3を誤解していたことに気づきました。それは私だけではありません。友達と話してみると、彼らもD3について勘違いをしています。そこで、よくある誤解のいくつかをはっきりとさせるために、この記事を書く事にしました。 D3はチャート・ライブラリではありません D3のホームページに行くと、たくさんの素晴らしいチャートとビジュアライゼーションを見ることができます。しかし、D3は、 Highcharts や Chart.js あるいは Google Charts のようなチャート・ライブラリではありません。ただ単に、データセットを受け渡すことや、必要なチャートのタイプ指定、凝ったチャートを入手することはできません。D3はそれよりもずっと低レベルなのです。D3上に構築されたチャート・ライブラリでは、たとえ
    D3.jsにあてはまらないこと | POSTD
    aike
    aike 2014/07/10
    リンク

  • データビジュアライゼーションをはじめるためのフリーのツール・情報源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. この記事では、フリーで
    データビジュアライゼーションをはじめるためのフリーのツール・情報源20選 – lab.sugimototatsuo.com
    aike
    aike 2014/06/06
    リンク

  • クリエイティブ・コーディング・スクール in さっぽろ 2014


    クリエイティブ・コーディング・スクールinさっぽろ 2014 全日程終了を記念して、クロージングパーティを開催します。 このクロージングパーティでは、 クリエイティブコーディングによるパフォーマンスや、スクール受講者のみなさんに、今回の講座で制作した作品やパフォーマンスを発表いただく予定です。 参加者のみなさまやクリエイティブ・コーディングにご興味のある方のご参加をお待ちしています。 ﹁De_CODE﹂クリエイティブ・コーディング・スクールinさっぽろ 2014 クロージングパーティ 日時 2014年9月14日(日) 20:00-22:00 ︵開始・終了時刻は変更の可能性あり︶ 会場 テラス計画 ︵札幌市中央区北2条西4丁目 札幌三井JPビルディング内 赤れんがテラス5階︶ 出演アーティスト 田所 淳 ほか VJ beatimage ほか　＋　スクール受講者 入場 無料 たべもの・
    クリエイティブ・コーディング・スクール in さっぽろ 2014

  • D3.js – 折れ線グラフと棒グラフのポイント | DevelopersIO

    はじめに 前回に引き続き、D3.jsについて学習しているt-hondaです。 D3.jsは「データ・ドリブン」でドキュメントを生成するため できることが多いことや、ソース上で行うことが多い傾向があり 取っ付き難い点もあるかと思います。 今回は折れ線グラフと棒グラフを表示する上で共通となるポイントについて取り上げ 次にそれらのポイントを踏まえて公式サイトのサンプルソースを解析してみたいと思います。 ポイントについて 各ポイントについては、以下のサイトに分かりやすい説明が書かれているので 引用しながら説明していきたいと思います。 D3 入門 : スケール - スコット・マレイ スケール D3.jsでのスケールとは、入力した値を適切な(見やすい)値に変換するモノ(関数)だと言えると思います。 上記のサイトでは データを視覚化した場合、必ずしも元の値がうまくデータ表示領域に収まるとは限りません。そ

    D3.js – 折れ線グラフと棒グラフのポイント | DevelopersIO
    aike
    aike 2014/04/24
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.