私は豊富なグラフ、チャート、データの視覚化を備えた Web アプリケーションや Web サイトを見回してきましたが、ほとんどの場合、Web サイトが使用しているフレームワークやツールを特定することができました。しかし、私は「resumup.com」を見ていましたが、彼らが何を使用しているのかを判断できませんでした. 誰かが手に負えないことを知っていますか、それとも言えますか？カスタムでない限り、私が見たJavaScriptフレームワークのようには見えません...それはある種のフラッシュまたはフレックスフレームワークですか? どんな助けでも大歓迎です。
ありがとう、マルケス
すべてをハイパーリンクできないことをあらかじめお詫び申し上げます。StackOverflow は、ここに配置できるリンクの数に制限を設けています。9 つのリンクを 2 つに縮小する必要がありました。
私は ResumUP についてあまり詳しくないので、直接話すことはできません。ただし、これは Facebook 上にあるため、自作の JavaScript ベースの視覚化コードを使用していることはほぼ確実だと思います。
Web 全体、および投稿の最初の部分について言えば、D3 は Web ベースのビジュアライゼーション (特にインタラクティブなもの) で最も人気のあるオプションになりつつあります。あなたが見たことのある D3 の例は、The New York Times の 2013 年予算のビジュアライゼーション(さらに言えば、NYT の他のほとんどのインタラクティブなビジュアライゼーション) です。ただし、D3 はビジュアライゼーションを作成するだけではありません。The New York Times の例を、同じく D3 を使用して作成された Visual.ly の Inequality In America サイトと比較してください。
棒グラフなどのより基本的な視覚化については、多くの企業が、Google の Chart Tools などの視覚化を作成するための API を提供しています。さらに、ツールキットを使用しない人もいます。たとえば、Fernanda Viegas と Martin Wattenberg による人気の風可視化ツールを見てみましょう。内戦のビジュアライゼーションを表示するこの Web サイトは、javascript コードの jQuery (および Google Maps API) のみに依存しています。
他のフレームワークには、Protovis (代わりに D3 を使用します)、processing.js、および数え切れないほどの他のフレームワークが含まれますが、これらに限定されません。
Web ベースの視覚化ツールを作成する計画があるかどうかはわかりませんが、作成する場合は、D3 を使用することを強くお勧めします。少し学習曲線がありますが、データの観点からビジュアライゼーションについて考えるようになります。これは、最終的に作成するものの品質を向上させるのに役立ちます. 追加の利点として、D3 は、ビジュアライゼーションの作成を処理する方法に関して優れたツールキットの 1 つです。D3 でビジュアル プリミティブを作成して組み合わせる方法は、かなり自然です。完璧ではありませんが、ほとんどの代替品よりも確実に優れています。
最後に、ビジュアライゼーションに加えて、インターネットにはインフォグラフィックがたくさんあります (例については、Visual.ly のブログを参照してください)。これらは理論的には D3 のようなフレームワークで作成できますが、Adobe Illustrator で作成し、画像として保存してからアップロードする可能性が高くなります。