説明
Visualizer: WordPress 用テーブルとチャート管理ツール は、WordPress の投稿や固定ページに、インタラクティブでレスポンシブなチャート (グラフ) やテーブル (表) を作成、管理、埋め込みできる、高機能で使いやすいプラグインです。
このプラグインは、Google Visualization API、DataTables.net、ChartJS の各ライブラリを活用して、レスポンシブでアニメーション効果のあるチャート、グラフ、テーブルを提供します。これにより、さまざまなブラウザーとの優れた互換性と、モバイル端末での快適な操作性を実現します。
また、D3.js を利用した AI チャートビルダーを内蔵しており、テキストで説明するだけで、数秒で公開できる状態のチャートを作成できます。事前の設定は必要ありません。チャートとテーブルのあらゆる要素を、用途に合わせて自由にカスタマイズできます。
Excel、CSV、Google スプレッドシートなどからのインポートをはじめ、データ管理機能をさらに充実させたい場合は、PRO 版をご検討ください。
🔗 役立つリンク
- インストールする前に Visualizer の動作を確認してみませんか ? Visualizer のデモを見る [上にある「ライブプレビュー」ボタンからも試せます]
- 設定でお困りですか ? ドキュメントを確認する
- 読むのが苦手ですか ? YouTube の再生リストを見る
- Visualizer Pro に興味がありますか ? Visualizer PRO の詳細を見る
Visualizer が選ばれる理由
-
AI によるチャート生成: 必要なチャートをいつも使う言葉で説明するだけで、Visualizer AI がすぐに作成します。API キーも設定も、技術的な知識も必要ありません。ブロガー、教育関係者、小規模事業者など、誰でも簡単なテキストプロンプトから、自由にカスタマイズでき、すぐに埋め込めるチャートを数秒で作成できます。しかも、完全無料です。
-
多彩なチャートのオプション: 無料版では、折れ線グラフ、円グラフ、棒グラフ、テーブルなどの基本的なチャートタイプから始められます。PRO 版では、散布図、面グラフ、地理チャートなどの高度なチャートタイプでデータ表現をさらに高めることができます。無料版には、さまざまな可視化ニーズに対応できる幅広いオプションが用意されています。
-
データの手動入力: データを手動で入力して、すばやく可視化できます。この方法では、チャートの内容と構造を自在に制御できるため、プラグインの画面上でデータの表現方法を簡単に調整できます。
-
優れたレスポンシブ対応: HTML5/SVG 技術を使用して構築された Visualizer のチャートは、あらゆる端末で問題なく動作します。レスポンシブ対応を重視することで、データに簡単にアクセスできるだけでなく、デスクトップ、タブレット、スマートフォンでも最適な形で表示できます。これにより、ユーザーの操作やエンゲージメントを高めます。
-
データテーブル機能: レスポンシブなチャートやグラフに加えて、投稿や固定ページにレスポンシブなテーブルを追加し、好みに合わせてカスタマイズすることもできます。Visualizer Pro では、並べ替え、ページネーション、検索機能などを追加して、テーブルの機能をさらに強化できます。価格表から商品テーブルまで、可能性は多岐にわたり、あらゆるデータ表現のニーズに合わせてカスタマイズ可能です。
-
シームレスな統合と互換性: Gutenberg エディターやその他のページビルダーを使用している場合でも、Visualizer は WordPress 環境にスムーズに統合されます。この高い互換性により、チャートの挿入と管理を簡単に行うことができます。
-
柔軟性とカスタマイズ性: チャートやテーブルを、自分の用途に合わせて自由にカスタマイズできます。Visualizer には、サイトの外観や雰囲気にぴったり合うように調整できる、豊富な設定オプションが用意されています。手軽に使いたい場合は Google Chart Tools のデフォルト設定を利用し、サイトのスタイルに独自性を持たせたい場合は、さらに細かくカスタマイズできます。各チャートやテーブルには、外観や機能を調整するためのさまざまなオプションが用意されており、可視化したデータをページに違和感なく組み込めます。
このように柔軟なデータ処理機能を備えた Visualizer Free は、導入直後から、幅広いデータの可視化ニーズに対応できます。ブロガー、教育関係者、小規模事業者などに最適で、生データを、閲覧者の関心を引き、情報を伝える魅力的なインタラクティブチャートに変換するのを支援します。
上記の説明の一部は、Google Visualization API のサイトから引用しています
Visualizer AI でチャート作成をよりスピーディーに
データを扱ううえで、チャートの作成は常に最も時間のかかる作業でした。適切なチャートタイプを選び、値を手動で入力し、見た目が整うまで設定を調整する必要があったからです。Visualizer AI は、こうした状況を一変させます。
作りたいものを説明するだけで、Visualizer が自動で作成します。その場でプレビューを確認し、追加のプロンプトで調整を重ね、納得のいく仕上がりになったら公開できます。プログラミングも設定も API キーも必要ありません。プラグインを有効化したその瞬間から、すべてのユーザーが完全無料で利用できます。
Visualizer AI でできること:
📊 売上スプレッドシートを数秒でグラフ化: データをアップロードし、「地域別の月間売上を示す棒グラフを作成」のように入力すると、Visualizer がその場でグラフを作成。
📋 手作業なしでアンケート結果を可視化: 回答の CSV ファイルをアップロードし、見たい内訳を説明するだけで、あとは AI が処理。
🎨 設定を操作せずにブランドカラーに合わせる: プロンプトでブランドカラーを指定するだけで、Visualizer がそれに合わせてグラフのスタイルを調整。手作業での色選びは不要。
🖼️ 参考画像をもとにグラフを作成: 気に入ったスタイルのグラフを見つけたら、参考画像としてアップロード。その画像を参考に、自分のデータを使ってグラフを作成。
✨ Visualizer の利用をおすすめするケース:
-
個人サイトや小規模ビジネスのサイトを運営している方: インタラクティブなチャートやテーブルを使ってサイトの見栄えを高めるために、シンプルで高機能なツールが必要な方に適しています。Visualizer を使えば、複雑なデータもわかりやすく、興味を引く形で伝えられます。
-
教育機関や金融機関を運営している方: 定期的なレポート作成やデータ表示が必要な組織向けに、Visualizer は動的で情報量の豊かなチャートやテーブルを作成するための充実したオプションを提供します。これにより、データ分析や情報提示の質が向上し、意思決定や報告業務をサポートします。
-
SEO とユーザーエンゲージメントの向上を目指している方: Visualizer のインタラクティブでレスポンシブなチャートを活用すると、ユーザーエンゲージメントを大幅に高め、訪問者のサイト滞在時間を延ばすことができます。その結果、SEO の検索順位にもよい影響をもたらすことが期待できます。
-
非営利団体 (NPO) で活動している方: Visualizer を利用して、データを通じて活動の成果を示せます。円グラフで支出の内訳を示したり、折れ線グラフで寄付金の推移を追跡したりでき、資金調達キャンペーンや年次報告書で効果的な視覚資料として活用できます。
-
ファイナンシャルアドバイザーやエコノミストの方: Visualizer では、ローソク足チャートやレーダーチャートなどの高度なチャートタイプを使って、詳細な財務報告の作成や経済分析を行えます。これらのツールを使って、株価の動向、景気循環、予算配分などを可視化することで、クライアントに財務に関する分かりやすいインサイトを提供します。
-
どんな業種やシーンでも活用したい方: 30,000を超えるアクティブユーザーと160件以上の5つ星評価を誇る Visualizer は、医療、マーケティング、教育、金融など幅広い業界で導入されており、あらゆる分野における汎用性と有効性を示しています。
Visualizer で作成できるチャートの種類: WordPress 用のグラフとチャートプラグインである Visualizer は、WordPress でのデータの可視化ニーズに応える、さまざまなチャートを提供します。無料版では、折れ線グラフ、棒グラフ、円グラフ、テーブルを利用できます。これらのチャートは、純粋な HTML5/SVG 技術 (古い IE のバージョンでは VML を採用) に基づいているため、追加のプラグインは必要ありません。これらのチャートは、いくつかの簡単な手順でページに追加できます。
- テーブル (表): 整理されたデータの表示に非常に便利なツール。DataTables ライブラリを使用し、さまざまなニーズに応じてテーブルを自由にカスタマイズできる豊富なオプションを提供。デモはこちら。
- 円グラフ: データの構成比をわかりやすく伝えるためのシンプルな可視化手法。デモはこちら。
- 折れ線グラフ: 複数のデータポイントを線分で結び、データの推移を表示するグラフ。デモはこちら。
- 棒グラフ: 値に比例した長さの棒を使って、グループ化されたデータを表示するグラフ。デモはこちら。
- 面グラフ [PRO]: 定量データを視覚的に表示するグラフ。デモはこちら。
- 地理チャート [PRO]: 指定した値に応じて国、大陸、地域などを色分けして表示する地図。デモはこちら。
- 縦棒グラフ [PRO]: 異なるカテゴリー間の比較に適したグラフ。デモはこちら。
- バブルチャート [PRO]: 3次元のデータを表示するチャートの一種。データポイントがバブル (泡) に置き換わった散布図の一種と考えることも可能。デモはこちら。
- 散布図 [PRO]: 散布図を使った直交座標 (デカルト座標) 上での値の表示。デモはこちら。
- ゲージチャート [PRO]: 速度、パフォーマンス、進捗状況などの指標を示す、さまざまなゲージチャートの作成。デモはこちら。
- ローソク足チャート [PRO]: 有価証券、デリバティブ、通貨などの価格変動を表す金融チャートの一種。デモはこちら。
- タイムラインチャート [PRO]: 時間に基づく値をグループ化して表示するチャート。デモはこちら。
- 複合グラフ [PRO]: 異なる種類のグラフを組み合わせてデータ系列を表示するグラフ。デモはこちら。
- ポーラーエリアチャート [PRO]: 任意の数の変数を持つ多変量データを2次元のチャートで表現するのに適した可視化手法。デモはこちら。
- レーダーチャート / スパイダーチャート [PRO]: レーダーチャート (スパイダーチャートとも) は、同じ起点から伸びる複数の軸上に3つ以上の定量変数を配置し、多変量データを2次元のグラフで表現する方法。デモはこちら。
🤝 Visualizer プレミアム機能でデータをワンランク上へ
すでに Visualizer の便利さを実感しているなら、さらに強力なツールを活用してサイトのデータ可視化機能を強化し、訪問者の関心をより長く引きつけてみませんか ?
-
高度なデータ同期: データソースを自動的に同期し、手動で入力しなくてもチャートを常に最新の状態に保つ機能。
活用例: 🔍 マーケットアナリストのサラは、高度なデータ同期機能を活用して業務フローを効率化しています。データソースを自動更新に設定することで、市場動向を示すチャートが常に正確に保たれるため、毎週何時間もの作業時間を節約し、レポートの信頼性を高めています。 -
多言語サポート: チャートやデータ表示を複数の言語に自動翻訳し、より幅広いユーザーに情報を届ける機能。
活用例: 🌍 多言語対応の教育プラットフォームを運営するエレナは、この機能を使って複数の言語でデータを可視化しています。これにより、サイトのグローバルな利便性とアクセシビリティが向上しています。 -
高度なユーザー権限: チャートの表示や編集を許可するユーザーを制御でき、さまざまなレベルでアクセス権を管理する必要があるチームに最適な機能。
活用例: 🛠️ プロジェクトマネージャーの Rachel は、財務予測を編集できるメンバーを必要な人に限定するために、ユーザー権限を設定しています。これにより、データの整合性とセキュリティを維持しています。 -
ファイルからデータをインポート: CSV ファイルを Visualizer に直接アップロード。Microsoft Excel や Google スプレッドシートなどでデータを準備する方に最適で、素早く簡単にデータを可視化。
-
Excel (XLSX) からデータをインポート: 変換処理の手間なく、Excel スプレッドシートを Visualizer に直接アップロード。ワークブックをエクスポートしてそのままインポートするだけで、列見出し、値、構造がチャートやテーブルに自動的に対応付けられるため、作業時間を短縮し、書式調整の手間を軽減。
-
URL からデータをインポート: URL 経由で外部の CSV や JSON 形式のデータを動的に取り込み、チャートを常に最新の状態に保つ機能。リアルタイムデータや頻繁に更新されるデータの表示に最適で、手動更新の手間を削減。
-
ほかのチャートからインポート: ほかのチャートのデータを新しい可視化にスムーズに取り込み、データの集約や比較を容易にする機能。
-
WordPress からインポート: WordPress の投稿、固定ページ、カスタム投稿タイプから直接データを取得し、コンテンツの変更に応じて自動更新される動的なチャートを作成する機能。
活用例: ✍️ デジタルマーケティングマネージャーのベンジャミンは、この機能を使ってブログ記事のエンゲージメントをリアルタイムで追跡しています。閲覧数や SNS での共有数に応じて自動更新されるチャートを作成し、読者の反応を見ながらコンテンツ戦略をすばやく調整しています。 -
データベースからインポート: データベースに直接接続してデータを取得し、可視化するデータを常に最新の状態に保つ機能。
-
データフィルター: Visualizer 内でデータにフィルターを適用し、閲覧者がデータを絞り込んで対話的に探索できる機能。
活用例: 🕵️♂️ 市場調査担当者のトムは、人口統計分析のチャートにデータフィルターを設定しています。これにより、ユーザーは年齢や収入などの変数を選択し、自分に合ったデータを詳しく分析できます。 -
優先サポート: 専任のサポートチームが技術的な問題の迅速な解決を支援し、データの可視化機能を常に最適な状態で利用できるようにするサービス。
Visualizer PRO で、これらのプレミアム機能をはじめとするさまざまな機能をご活用ください !
まだご不明な点がありますか ? 購入前のご質問はこちらからお送りください。迅速に回答いたします。また、安心してご購入いただき、実際にお試しください。30日間の無条件100% 返金保証を提供しています。
皆さまをしっかりサポート。すべてのフィードバックを真摯に受け止めます !
-
📚 ナレッジベース: 充実したドキュメントライブラリを用意しており、チュートリアルも継続的に更新しています。
-
📽️ YouTube チュートリアル: 読むのが苦手ですか ? Visualizer プラグインを使い始めるための手順を、YouTube チュートリアルでわかりやすく解説しています。
-
🦸 サポートフォーラム: 無料版をご利用の方には、こちらのフォーラムでサポートを提供しています。通常、1営業日以内の返信を心がけています。
-
🌟 プレミアムサポート: Plus ライセンスのお客様には優先サポートを、Infinite ライセンスのお客様にはライブチャットサポートを提供しています。
Visualizer プラグインについて、ご意見や機能に関するご提案がありましたら、ぜひお聞かせください。いただいたご意見やアイデアにはすべて目を通しています。
You’re in good hands
Visualizer is one of many great products by Themeisle. Join over 30,000+ Visualizer active users and half of a million Themeisle users from all over the world.
See what real users talk about us:
-
Visualizer is amazing! – “Just what I was looking for to make my information available and looks pleasing!”
-
Great Plugin for Bloggers – “It’s a great plugin for new bloggers like me. It’s working seamlessly on my website. I am using this plugin for the last couple of weeks and I am loving it.”
-
Works Well and Devs are Responsive – “We are using it on a rather complicated multisite install. After much research, we went with this plugin for our editors’ needs.”
-
The Best One I’ve Found – “After trying a couple of options, this was the one that worked the best.”
スクリーンショット








ブロック
このプラグインは1個のブロックを提供します。
- Chart
インストール
- Upload the files to the
/wp-content/plugins/visualizer/directory. - 「プラグイン」メニューからプラグインを有効化します。
FAQ
-
Shortcode does not turn into graph
-
Pay attention that to turn your shortcodes into graphs, your theme has to have
<?php wp_footer(); ?>call at the bottom of footer.php file. -
Is there any documentation available for this plugin?
-
http://docs.themeisle.com/article/428-visualizer-charts-and-graphs-documentation
-
How to format chart series values?
-
http://docs.themeisle.com/article/672-how-to-format-series-values
-
How to create charts from your WordPress posts?
-
http://docs.themeisle.com/article/673-how-to-create-charts-from-your-wordpress-posts
-
How to automatically sync charts with online files?
-
http://docs.themeisle.com/article/674-how-to-automatically-sync-charts-with-online-files
-
How can I create/add a chart?
-
How can I edit a chart?
-
http://docs.themeisle.com/article/602-how-can-i-edit-a-chart
-
How can I delete a chart?
-
How can I clone a chart?
-
How can I highlight a single bar?
-
http://docs.themeisle.com/article/603-how-can-i-highlight-a-single-bar
-
How can I populate chart series and data dynamically?
-
http://docs.themeisle.com/article/605-how-can-i-populate-chart-series-and-data-dynamically
-
How can I populate data from Google Spreadsheet?
-
http://docs.themeisle.com/article/607-how-can-i-populate-data-from-google-spreadsheet
-
How can I import content from another chart?
-
http://docs.themeisle.com/article/609-how-can-i-import-content-from-another-chart
-
How to export a chart?
-
How can I edit the data manually?
-
http://docs.themeisle.com/article/610-how-can-i-edit-the-data-manually
-
http://docs.themeisle.com/article/675-how-to-enable-frontend-action-buttons
-
How to use Google Visualization variables?
-
http://docs.themeisle.com/article/691-how-to-use-google-visualization-variables
-
How to report a security issue?
-
Plugin security is a core priority for us. If you identify a potential vulnerability, we ask that you disclose it responsibly.
Please follow the reporting protocols outlined on our Security Page.
評価
貢献者と開発者
Visualizer – テーブル & チャート管理ツール (AI ジェネレーター搭載) はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者変更履歴
Version 4.0.9 (2026-09-30)
- Fixed scheduled chart updates crashing on WordPress versions before 5.5.
- Fixed the Visualizer readme with the current version and recent changelog entries.
- Added AI agent support: let AI assistants read and change your Visualizer charts and settings.
- Fixed database chart refreshes stopping after an interrupted run.
- Improved Visualizer guidance for finding scheduled database refresh actions.
- Updated dependencies
- Added AI agent support: let AI assistants read and change your Visualizer charts and settings.
Version 4.0.8 (2026-09-11)
- Fixed an error usage of a chart’s settings were stored as a string instead of an array.
- Update dependencies
- Fixed frontend chart failures when saved series settings are invalid.
- Fixed script execution from saved JSON chart credentials. Thanks Yaswanth Reddy Sunkara for the report.
- Updated dependencies
Version 4.0.7 (2026-07-30)
- Fixed charts using a database source saving the results of the previous query, so a saved chart no longer differs from the data shown in the editor.
- Updated dependencies
- Enhanced security — fixed unauthorized chart_data REST access.
Version 4.0.6 (2026-07-22)
- Fixed scheduled imports from remote CSV files so charts continue to refresh automatically in the background.
- Fixed an issue where charts using lazy rendering could remain blank when their scripts finished loading in the wrong order.
- Improved the overall security of the product. Thanks to creeper_kirby for responsibly reporting the issue.
- Updated dependencies.
For the full changelog, please see CHANGELOG.md.
