d3.js

1/9ページ

Vueプロジェクトでd3.jsサンプルコードを使用する

デモを書く前に、いくつかの効果を得るためにd3を使用するいくつかの事柄がありますが、多くのフォーラムではリソースがVueでD3.jsを使用する方法を見つけることができません.D3より上のnpmは非常に非人間的ですWebpackでD3.jsを使用する方法を教えていない 最後に、私は成功した外資事件を見て、彼の事件の成功を見るために長い間投げてきました.VueプロジェクトでD3の使用を実現してください。 最初にインストールする npm in […]

GitHubで人気のある言語ランキング作ってみた。github_popular_lang α ver 0.0.1 release

GitHubで人気のある言語ランキング作ってみました。 [github_popular_lang α 0.0.1] デザインは未完です。(来週中に綺麗にしときます) (5/18 23:30 デザイン改善しました release version 0.0.2) 何故作ったのかと言いますと、米国 RedMonk のアナリスト Donnie Berkholz 氏 が 5/2 に出した「GitHubで最も人気の高いプログラミン言語」の調査結果がお […]

ReactMotionを使って簡単バブルチャート&アニメーション(Redux + d3.js)

React+Reduxで開発していて、svg描画したコンポーネントを表示するときにアニメーションをつけたかったのですが、ReactMotionというモジュールで簡単に実装できたので作業ログしておきます。 インストール $ npm install react-motion –save $ npm install d3 –save など。 実装するもの test.js [ { name: "機械", sum: 3 } […]

D3.jsパッケージテキストは自動ラップを実現し、翻訳やその他の機能を回転させる

次のことについてはあまり言及しません。この記事では、主にD3.jsパッケージテキストを使用して自動ラップ関数を実現する手順を紹介します。 まず、multext.jsファイルの参照 Multext.js function appendMultiText(container, str, posX, posY, width, fontsize, fontfamily){ if( arguments.length < 6){ fontsi […]

D3.jsレーダーチャートの詳細な方法

序文 次に、データ操作ドキュメントに基づくJavaScriptライブラリD3.jsを簡単に紹介します。 D3は、HTML、SVG、およびCSSを使用してデータに活力を与えるのに役立ちます。 D3は、独自のフレームワークを提供するのではなく、最新のブラウザの全機能を提供するWeb標準を評価します。 強力なビジュアルコンポーネントとデータ駆動ドム操作との組み合わせ また、SVGを使用してチャートをレンダリングするので、D3.jsを使用するに […]

散布図とバブル図のD3.js実装

序文 Xiao Bianは以前ヒストグラムを達成するためのD3.jsメソッドとD3.jsを使ってこれらの2つの記事をヒストグラムと折れ線グラフで紹介しました。 散布図とバブルチャートの2つのタイプに非常に似ているチャートについて説明しましょう。 困った友達は勉強を参照することができます。 散布図とバブルチャートの実装 前と同じように、単純な描画フレームをまとめ、SVGキャンバスを追加しましょう: <!DOCTYPE html> […]

円グラフを実現するD3.jsの詳細なメソッド

序文 Xiao Bianは、 ヒストグラムと折れ線グラフの使い方に関する2つの基本的なグラフを既にあなたと共有しています。 両方のグラフには軸があります。座標軸のないグラフの場合は円グラフです。 円グラフの実装 前と同じように、単純な描画フレームをまとめ、SVGキャンバスを追加しましょう。 ただし、円弧を円で描画するのを容易にするために、これらの要素を組み合わせたg要素をキャンバスの中心に移動します。 <!DOCTYPE html […]

線グラフを実装するD3.jsメソッド

序文 D3.jsは、開発者がデータベースのドキュメントを操作するのに役立つJavaScriptライブラリです.D3.jsを使用して、ヒストグラムメソッドのD3.js実装で簡単なヒストグラムを実装する方法については既に説明しました。今日、私たちはD3.jsを使って折れ線グラフを得る方法を学びました。 折れ線グラフは、軸、線、および点で構成されています。 ヒストグラムの場合と同様に、おおよその描​​画フレームを最初に置きます。コードは次のと […]

ヒストグラムのD3.js実装の詳細な方法

D3.jsの紹介 D3.jsは、データ操作ドキュメントに基づくJavaScriptライブラリです。 D3は、HTML、SVG、およびCSSを使用してデータに活力を与えるのに役立ちます。 D3は、独自のフレームワークを提供するのではなく、最新のブラウザの全機能を提供するWeb標準を評価します。 強力なビジュアルコンポーネントとデータ駆動ドム操作との組み合わせ また、SVGを使用してチャートをレンダリングするので、D3.jsを使用するには特 […]

1 9