エンジニアの副業は週1からでも可能？副業の例や探し方も解説
- ITエンジニア
- 副業
データを簡単に共有できるのは、Webの利点です。しかし、大量のデータをそのまま提示するだけでは、ユーザーフレンドリーとはいえません。データを共有する際は、表やグラフを活用してわかりやすく見せるのが大切です。
今回は、データを視覚化するのに便利なWordPressプラグイン10選をご紹介します。
目次
1. wpDataTables – Tables & Charts
▲出典：WordPress.org
CSV、Excel、JSON、XMLなど、さまざまなデータ形式のデータをインポートし、14種類のグラフに変換できます。プレミアムバージョンでは、Googleスプレッドシートとフロントエンドの編集もサポートしてくれます。
wpDataTables – Tables & Charts
2. Interactive Geo Maps
▲出典：WordPress.org
インタラクティブでわかりやすい地図情報を提示したいなら、こちらのプラグインがおすすめです。特定の国に色をつけたり、ハイパーリンクを追加したり、カーソルを重ねたときに表示されるツールチップも挿入したりできます。
プロバージョンにアップグレードすると、マーカークラスタリングや、デフォルトのズームレベルを変更する機能などが利用できます。
3. Infographic Maker-iList
▲出典：WordPress.org
リストやインフォグラフィックを作りたいなら、このプラグインを使ってみましょう。さまざまな種類のグラフをはじめとした、バリエーション豊富なコンテンツを生成できます。
プロバージョンでは、マルチページのリストや、多様なカスタマイズオプションが利用可能です。
4. WP Charts & Graphs
▲出典：WordPress.org
このプラグインの特徴は、リアルタイムで確認できるグラフを作れること。
棒グラフ、円グラフ、極座標グラフ、レーダーチャートなど、さまざまなグラフが作成できます。グラフをコンテンツに追加する際には、ショートコードを使用します。
5. EmbedPress
▲出典：WordPress.org
WordPressのClassic Editor、Gutenberg、Elementorと連動しており、Googleドキュメント、Wistia、Spotifyなど、100種類以上のソースからコンテンツを簡単に埋め込めます。
PDFなどのローカルファイルを取り込んみ、投稿時に表示することも可能です。
6. M Chart
▲出典：WordPress.org
スプレッドシートのようなUIにデータを追加すると、美しいグラフに変換してくれます。グラフとライブラリ（Chart.js／Highcharts）が選択可能です。
WordPress上の編集画面上でプレビュー可能で、ショートコードやパーマリンクで埋め込みができます。
7. Visualizer – Tables & Charts Manager for WordPress
▲出典：WordPress.org
CSVでデータを読み込んで、線グラフや棒グラフ、面グラフ、列グラフ、円グラフ、ジオグラフなど、12種類のグラフを作成できます。
作成されるグラフはHTML5／SVGの形式なので、どのデバイスでもきれいに表示されます。
Visualizer – Tables & Charts Manager for WordPress
8. Data Tables Generator
▲出典：WordPress.org
インタラクティブな表を作りたいなら、こちらのプラグインがおすすめ。並べ替えや、グラフの添付も可能です。
表はWordPress上にExcelのようなインターフェースで作成され、ユーザーはさまざまなフォーマットで表をエクスポートできます。
9. Responsive Mortgage Calculator
▲出典：WordPress.org
住宅ローンに関する複雑なデータをシンプルに表したいなら、このプラグインを活用してみましょう。
カスタマイズ可能な短いフォームにデータを入力すると、シンプルなテキストで結果が出力されます。
Responsive Mortgage Calculator
10. Calculated Fields Form
▲出典：WordPress.org
ユーザーが入力した内容に基づいて計算をおこなう、オリジナルの計算機が作成できます。数字だけでなく、日付、価格、割合などの項目も使用可能です。
データをわかりやすく視覚化しよう
複雑なデータをユーザーに提示する際には、わかりやすくするための工夫が必要です。
WordPressでデータを扱う際には、今回ご紹介したプラグインをぜひ活用してみてください。
（執筆：Eric Karkovack 翻訳：Asuka Nakajima 編集：mozuku 提供元：speckyboy）
インフォグラフィックのおすすめデザインテンプレート12選【無料多数】
Workship MAGAZINE
【CSS/JS】魅力的なインフォグラフィックのコードスニペット8選
Workship MAGAZINE
人気のフリーランス・副業求人
IoTの開発プロジェクト！ヘルスケア・医療データの処理、分析、解析、データマイニングを得意とするインフラエンジニア募集！
- #スタートアップ
職種：バックエンドエンジニア
時給：2,500円 〜
働き方：どちらでも可
エリア：東京都
Web制作をリードするフロントエンド構築、WordPress実装が可能なエンジニア募集！
職種：フロントエンドエンジニア
時給：2,500円 〜
働き方：リモート希望
エリア：東京都
【リモート可】音楽、エンタメ × ITでイノベーションを！API開発をするサーバーサイドエンジニア募集！
- #土日週末OK
- #急募
職種：バックエンドエンジニア
時給：4,000円 〜
働き方：どちらでも可
エリア：東京都
Way back in October 2007, we initially launched Speckyboy as a small inspirational site for web designers.
この記事はspeckyboyからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
10 Powerful Plugins for Visualizing Data in WordPress
