|
ビッグデータ時代において、データから価値を生み出すため、あらゆる規模の企業がデータ可視化ダッシュボードを体系的に構築し、洗練されたイメージを投影しています。現在では、ローコードのダッシュボード製品が数多く登場しており、データ処理後、ドラッグ＆ドロップ操作で美しいダッシュボードインターフェースを素早く作成できます。「資金は潤沢にあるので、必要なものは何でも買ってしまう」と豪語する企業もいますが、実際に購入するとなると、「コストを削減する必要がある。まずは自社で試してみて、必要になった場合にのみ他の選択肢を検討しよう」と、意外と控えめな姿勢になることがあります。そこで、ダッシュボード作成に活用できるオープンソースコンポーネントをいくつかご紹介します。 データVAlibabaのオープンソースVue/Reactコンポーネントライブラリは、主に大画面（フルスクリーン）のデータ表示ページ、つまりデータビジュアライゼーションの構築に使用されます。ページ効果を装飾し視覚効果を高めるための、異なる境界線を持つコンテナや、軽量で使いやすいChartsベースのチャートコンポーネントなど、多様なコンポーネントタイプが用意されています。 フレーム境界線はすべてSVG要素で描画されます。SVG要素は軽量で、画質を損なうことなく描画できます。非常に使いやすいです。境界線コンポーネントのデフォルトの幅と高さは100%です。境界線内のノードは、境界線コンポーネントの下にあるborder-box-contentクラスを持つコンテナに、スロットによって分配されます。 フレーム 飾るデコレーションを使うと、ページを華やかに飾り、視覚的な魅力を高めることができます。ボーダーコンポーネントと同様に、デコレーションもSVG要素を使って描画されます。 飾る 他のカルーセル、チャート、進捗状況プールなど、他のさまざまなプラグインも利用できます。 さらに、DataV には参考になる優れたデモもいくつかあります。 コードアドレス: https://github.com/DataV-Team/DataV.git。 アントVAntVは、Ant Financialが開発したデータ可視化ソリューションで、G2、G6、F2という3つの可視化グラフィックライブラリを基盤としています。AntVは、表、棒グラフ、折れ線グラフ、円グラフ、散布図、レーダーチャート、地図など、幅広いデータ可視化コンポーネントを提供し、複数のデータソース、インタラクティブな手法、動的レンダリングをサポートしています。AntVは、シンプルで直感的なグラフィカル表示を提供するだけでなく、データ内の根本的なパターンや潜在的な関係性をユーザーが深く理解するのに役立ちます。 AntV の主な機能は次のとおりです。
コードアドレス: https://github.com/antvis/。 D3.jsD3.jsは、JavaScriptベースのオープンソースのデータ視覚化ライブラリです。HTML、CSS、SVGなどのWeb標準技術を活用し、動的でインタラクティブなデータ視覚化を実現します。D3.jsは「Data-Driven Documents（データ駆動型ドキュメント）」の略で、ドキュメントをデータ駆動源として利用するという考え方を表しています。豊富な視覚化コンポーネント、柔軟性、そしてカスタマイズ性を備え、様々な視覚化アプリケーションシナリオに適しています。 コードアドレス: https://github.com/d3/d3.git。 EチャートEChartsは、Baiduが開発したJavaScriptベースの視覚化ライブラリで、様々な種類のチャートやマップの視覚化を作成できます。EChartsはApache License 2.0に基づいてリリースされています。折れ線グラフ、棒グラフ、散布図、円グラフなど、多くの一般的なデータ視覚化チャートをサポートしているほか、関係図、ツリー図、ヒートマップなどの高度なチャートタイプもサポートしています。さらに、EChartsはマップの視覚化もサポートしており、複数の国や地域のマップデータも提供しています。 コードアドレス: https://github.com/apache/echarts.git。 |
