最高の無料アニメーション グラフ メーカー ウェブサイトのリストです。アニメーション グラフは、グラフをプロットするプロセスを簡単に視覚化します。棒グラフでは、バーが無から大きくなる様子をアニメートできます。円グラフでは、円が分割される過程をアニメーション化できます。同様に、ほぼすべての種類のグラフにアニメーションを追加できます。アニメーションは、他の通常の静止グラフと比較して、グラフを際立たせることができます。
この投稿では、アニメーション グラフを無料で作成できる 3 つの Web サイトを取り上げます。これらの Web サイトのうち 2 つは、さまざまな種類のアニメーション グラフを作成できます。作成するグラフの種類を選択して、データを挿入できます。その後、グラフの視覚的側面をアニメーション効果と持続時間とともにカスタマイズできます。最後の Web サイトは、棒グラフ専用です。あなたはそれらをチェックするために投稿を通過することができます.次に、それらを試してみて、それぞれがどのように機能するかを確認してください。
お気に入りのアニメーション グラフ メーカー
LiveGap Charts は、このリストの中で私のお気に入りのアニメーション グラフ作成 Web サイトです。このウェブサイトでは、さまざまな種類の人気チャートを作成できます。誰でも従うことができるシンプルでナビゲートしやすいインターフェースを備えています。このプロセスは、簡単ではないにしても、通常のチャートを作成するのと似ています。このウェブサイトにチャートがリストされていない場合は、Flourish Studio を試してみてください。テンプレートが見つかる場合があります。
LiveGap チャート
LiveGap Charts は、無料のアニメーション グラフ作成 Web サイトです。この Web サイトでは、アニメーションを使用してさまざまな種類のチャートを作成できます。作成するグラフの種類を選択して、データを追加するだけです。データを挿入してチャートにマッピングできるスプレッドシートがあります。または、CSV ファイルからデータをインポートすることもできます。必要に応じて、グラフ データを CSV にエクスポートすることもできます。データを追加すると、すぐに再現されますチャートに表示されます。次に、タイトル、サブタイトル、凡例、色、セグメント、注釈、アニメーションなど、グラフのさまざまな側面をカスタマイズできます。最後に、グラフを WEBM ビデオとして保存できます。そうしている間に、アニメーションの長さを選択できます。
LiveGap チャートでアニメーション チャートを作成する方法
- 以下のリンクを使用して LiveGap Charts ウェブサイトにアクセスし、[Make your Chart] を選択します。
- 次の画面で、作成するグラフの種類を選択します。
- 次に、シートにデータを追加するか、[データ] セクションから CSV をインポートします。
- 右側の設定を使用して、グラフのテキスト、色、名前などをカスタマイズします。
- 最後に、グラフの下にある保存アイコンをクリックし、[動画] オプションを選択して、動画を保存する時間を設定します。
ハイライト:
- グラフの種類: 折れ線グラフ、面グラフ、棒グラフ、横棒グラフ、積み上げ棒グラフ、積み上げ横棒グラフl グラフ、円グラフ、ドーナツ グラフ、極面グラフ、ステップ グラフ、レーダー チャート
- カスタマイズ可能なテンプレートの幅広いギャラリーが付属しています。
- グラフ データを CSV にインポートおよびエクスポートする
- グラフのあらゆる側面をカスタマイズするオプション
- オプションは、画像 (静止グラフ) およびビデオ (アニメーション グラフ) としてエクスポートされます。
- HTML エクスポートは有料機能です。
フラリッシュ スタジオ
Flourish Studio は、データをインタラクティブなストーリーに変換できる Web サイトです。このWebサイトでは、ワイドを作成できますさまざまなグラフ、ヒートマップ、ピクトグラム、散布図、3D マップ、階層など。作成したいものを選択すると、そのグラフがエディターで開きます。ランダム データを含むプレビューが表示されます。データを手動で追加するか、CSV、Excel、TSV、JSON、または GeoJSON ファイルからインポートできます。グラフに来ると、テキスト、色、フィルター、背景などを変更して外観を変更する一連のオプションが表示されます。ポップアップ パネル、レイアウト、ヘッダー、フッター、注釈も追加できます。それに加えて、アニメーションを構成し、その期間を設定するアニメーション オプションを取得します。このウェブサイトでは、無料プランでチャートをダウンロードすることはできません。チャートを公開する必要があり、その後、埋め込みコードとともにチャートへの URL が提供されます。作成プロセスは非公開であり、チャートに帰属を追加する必要があります。それとは別に、このウェブサイトにはストーリー機能があります。これにより、チャートにバックグラウンド オーディオを追加して、インタラクティブなストーリーを作成できます。
方法o Flourish Studio でアニメーション チャートを作成しますか?
- Flourish Studio のウェブサイトにアクセスして、無料アカウントにサインアップしてください。
- [マイ プロジェクト] ページで、[新しい視覚化] オプションを選択して新しいチャートを作成します。
- 次の画面で、作成するグラフの種類を選択します。
- グラフのプレビューを読み込み、上部の [データ] タブに移動してデータを追加します。
- 次に、必要に応じて [プレビュー] タブからグラフをカスタマイズします。
- 最後に、右上隅からグラフを公開して URL を取得します。
ハイライト:
- グラフの種類: 折れ線グラフ、棒グラフ、円グラフ、投影図、散布図、3D マップ、階層、折れ線グラフのレース、ヒートマップ、レーダー チャート、ピクトグラム、表、バブル チャート、議会図、
- CSV、スプレッドシート、JSON、GeoJSON、TSV からデータをインポートする
- グラフのあらゆる側面をカスタマイズするオプション
- グラフと音声でストーリーを作成する
- グラフを非公開で公開する際に、URL と埋め込みリンクのみを提供します。ダウンロードしないでください。
- HTML エクスポートは有料機能です。
BarChar Trace
名前が示すように、BarChar Trace はレーサー棒グラフを生成する無料のオンライン ツールです。このようなチャートでは、棒グラフが移動して、経時的な値の変化やその他のデータ セットを視覚化します。これは、そのタイプの棒グラフを具体的に作成するためのツールです。 CSV ファイルからデータを取得します。これを機能させるために、daCSV の ta は、特定の形式である必要があります (Web サイトで言及されています)。最後に、このツールはチャートを画面上にアニメーションで視覚化します。チャートをダウンロードまたは共有するオプションはありません。これは、このツールがどのように機能するかを表すツールだからです。 Web サイトまたはどこかにレーサー チャートを追加する場合は、このツールのコードを GitHub から取得し、データセットを CSV ファイルに置き換えて Web サイトに追加します。
BarChar Trace でアニメーション チャートを作成する方法
- 以下のリンクを使用して、ブラウザでこのツールを開きます。
- サポートされているデータ形式で CSV データ ファイルをアップロードします。
- タイトルとともに表示するアニメーションの長さとバーの数を設定します。
- 次に、[GENERATE BAR CHART RACE] ボタンをクリックしてアニメーション チャートを取得します。
ハイライト:
- グラフの種類: 棒グラフのみ。
- CSV ファイルからデータをインポートします。
- グラフをオンラインで視覚化する共有またはダウンロードするオプションはありません。
- レーサー チャートをウェブサイトに組み込むために使用できるオープンソース コード。