infographic-generation

インフォグラフィックの生成

each::sense を使用して、プロフェッショナルで視覚的に魅力的なインフォグラフィックを生成します。このスキルでは、プレゼンテーション、レポート、ソーシャルメディア、マーケティング資料に最適化された、データに基づくビジュアルコンテンツを作成できます。

特長

• 統計インフォグラフィック：チャート、グラフ、主要指標を使ったデータの視覚化
• プロセス／ハウツーインフォグラフィック：段階的なビジュアルガイドやチュートリアル
• 比較インフォグラフィック：製品、サービス、コンセプトの並列比較
• タイムラインインフォグラフィック：歴史的な出来事、プロジェクトのマイルストーン、会社の沿革
• リストインフォグラフィック：トップ10リスト、ヒント、特長、厳選コンテンツ
• 地理／マップインフォグラフィック：位置情報に基づくデータや地域別統計
• 階層インフォグラフィック：組織図、分類体系、フローチャート
• 履歴書インフォグラフィック：ビジュアル形式の履歴書や職務プロフィール
• レポートインフォグラフィック：年次報告書、四半期の概要、調査結果
• ソーシャルメディアインフォグラフィック：エンゲージメント向上に向けて各プラットフォームに最適化されたビジュアルコンテンツ

クイックスタート

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a statistical infographic showing global renewable energy adoption rates with bar charts and key statistics"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

インフォグラフィックの種類とベストプラクティス

種類	最適な用途	主な要素
統計	データの提示、調査結果	チャート、グラフ、パーセンテージ、アイコン
プロセス	チュートリアル、ワークフロー、手順	番号付きのステップ、矢印、アイコン
比較	製品の比較、意思決定ガイド	並列レイアウト、チェックマーク、評価
タイムライン	歴史、ロードマップ、プロジェクト計画	直線的な流れ、日付、マイルストーン
リスト	ヒント、特長、ランキング	数字、箇条書き、アイコン
地理	地域データ、市場分析	地図、位置マーカー、地域統計
階層	組織図、分類体系、構造	ツリー図、ボックス、接続線
履歴書	求人への応募、ポートフォリオ	スキルバー、タイムライン、アイコン
レポート	ビジネスの概要、分析	複数のセクション、KPI、グラフ
ソーシャルメディア	エンゲージメント、共有	プラットフォームの寸法、大きな文字、シンプルな図形

ユースケースの例

1. 統計インフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a statistical infographic about global coffee consumption. Include: bar chart showing top 5 consuming countries, pie chart of coffee types (espresso, latte, cappuccino, etc.), key stats like 2.25 billion cups consumed daily, and icons representing coffee culture. Modern minimal design with warm brown and cream color palette. Portrait orientation."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

2. プロセス／ハウツーインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a how-to infographic for making sourdough bread. Show 8 steps: 1) Create starter, 2) Feed starter, 3) Mix dough, 4) Autolyse, 5) Stretch and fold, 6) Bulk ferment, 7) Shape and proof, 8) Bake. Use illustrated icons for each step, numbered circles, arrows showing flow. Rustic warm color scheme. Vertical layout."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

3. 比較インフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a comparison infographic: Electric Cars vs Gas Cars. Compare: Initial cost, Fuel/charging costs, Maintenance costs, Environmental impact, Range, Charging/refueling time. Use side-by-side layout with green for electric and gray for gas. Include icons for each category, checkmarks for advantages. Clean modern design."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

4. タイムラインインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a timeline infographic showing the history of artificial intelligence. Key milestones: 1950 Turing Test proposed, 1956 Dartmouth Conference (AI term coined), 1966 ELIZA chatbot, 1997 Deep Blue beats Kasparov, 2011 IBM Watson wins Jeopardy, 2012 Deep Learning breakthrough, 2016 AlphaGo beats Lee Sedol, 2022 ChatGPT released. Horizontal timeline with alternating above/below entries, tech-inspired blue color scheme, circuit board design elements."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

5. リストインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a list infographic: Top 10 Productivity Tips for Remote Workers. Include: 1) Create dedicated workspace, 2) Set regular hours, 3) Take scheduled breaks, 4) Use time-blocking, 5) Minimize distractions, 6) Dress for work, 7) Stay connected with team, 8) Set boundaries, 9) Exercise daily, 10) End work ritual. Use numbered list format with icons for each tip, modern gradient purple and blue color scheme, clean typography."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

6. 地理／マップインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a geographic infographic showing internet penetration rates across continents. Include a world map with color-coded regions: North America 93%, Europe 89%, South America 75%, Asia 64%, Africa 43%. Add data callouts for top 5 countries by users. Use a tech-inspired blue gradient for high penetration to gray for low. Include legend and source citation area."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

7. 階層インフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a hierarchical infographic showing a typical tech startup organizational structure. CEO at top, branching to: CTO (with Engineering Manager, then Frontend/Backend/DevOps teams), CPO (with Product Managers, UX Designers), CFO (with Finance, HR), CMO (with Marketing, Sales). Use tree diagram format with connecting lines, professional corporate blue and gray colors, rounded rectangles for each role, icons representing each department."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

8. 履歴書インフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a visual resume infographic for a UX Designer. Include sections: Profile summary with placeholder for photo, Skills with horizontal progress bars (Figma 95%, User Research 90%, Prototyping 85%, HTML/CSS 70%), Work experience as vertical timeline (2020-2023 Senior UX at TechCorp, 2017-2020 UX Designer at StartupXYZ), Education icons, Contact info with icons. Modern minimalist design, teal and dark gray color scheme, A4 portrait."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

9. レポートインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an annual report infographic for a SaaS company. Include: Header with company logo placeholder and year 2024, Key metrics section (Revenue $12M up 45%, Customers 5,000+ up 60%, Team size 85 up 30%, NPS score 72), Revenue growth line chart, Customer acquisition funnel, Geographic expansion map showing presence in 25 countries, Product milestones timeline. Professional corporate design, navy blue and gold accent colors."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

10. ソーシャルメディアインフォグラフィック

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a square 1:1 social media infographic about benefits of meditation. Title: 5 Science-Backed Benefits of Daily Meditation. Points: 1) Reduces stress hormones by 23%, 2) Improves focus and concentration, 3) Better sleep quality, 4) Lower blood pressure, 5) Increased emotional well-being. Bold readable text, calming purple and teal gradient background, simple icons for each benefit, Instagram-optimized with high contrast for mobile viewing."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

複数ターンでのクリエイティブな反復

session_id を使用して、インフォグラフィックのデザインを反復します。

# Initial infographic
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an infographic about climate change impacts with key statistics and a world map"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

# Iterate based on feedback
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Add more emphasis on ocean temperature data and include a temperature anomaly chart"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

# Request color variation
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an alternate version with a warmer color palette using oranges and reds to emphasize urgency"}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "climate-infographic-001"
  }'

A/Bテスト向けの一括生成

複数のインフォグラフィック案を生成します。

# Variation A - Minimalist style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a minimalist infographic about healthy eating habits, white background, simple line icons, lots of whitespace"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation B - Bold colorful style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a bold colorful infographic about healthy eating habits, vibrant gradients, filled icons, energetic design"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation C - Corporate professional style
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a corporate professional infographic about healthy eating habits, navy and gray colors, formal typography, business report style"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

ベストプラクティス

デザインの原則

• 視覚的な階層：サイズ、色、配置を使って閲覧者の視線を誘導します
• 一貫性：全体を通してアイコン、色、タイポグラフィに一貫性を持たせます
• 余白：要素を詰め込みすぎず、ゆとりを持たせます
• データの正確性：データを比例関係に沿って正確に表現します
• 読みやすさ：十分なコントラストを確保し、読みやすいフォントサイズを使用します

コンテンツのガイドライン

• 重要なメッセージは1つに絞る：主な要点を1つに絞ります
• ざっと目を通しやすくする：明確な見出しを使い、すばやく確認できるデザインにします
• 出典の記載：信頼性を高めるため、データの出典を記載します
• 行動喚起：適切に、次のステップを含めます

プラットフォームに合わせた最適化

プラットフォーム	推奨サイズ	備考
Pinterest	1000x1500 (2:3)	縦長の形式が最も効果的です
Instagramフィード	1080x1080 (1:1)	フィード向けの正方形
Instagramストーリーズ	1080x1920 (9:16)	全画面の縦型
LinkedIn	1200x627 (1.91:1)	フィード向けの横型
Twitter/X	1200x675 (16:9)	横型
ブログ／Web	800x2000+	長文向けの縦型
プレゼンテーション	1920x1080 (16:9)	スライド形式

インフォグラフィックのプロンプトのヒント

インフォグラフィックを作成する際は、プロンプトに次の詳細を含めてください。

1. 種類：インフォグラフィックの種類（統計、プロセス、タイムラインなど）を指定します
2. トピック：題材を明確に説明します
3. データポイント：具体的な数値、統計、またはコンテンツ項目を提示します
4. レイアウト：向き（縦向き／横向き）と構成に触れます
5. スタイル：希望する美的表現（ミニマル、大胆、企業向け、遊び心のあるもの）を説明します
6. 色：カラーパレットまたはブランドカラーを指定します
7. プラットフォーム：用途（ソーシャルメディア、プレゼンテーション、印刷）に触れます

プロンプトの構成例

"Create a [type] infographic about [topic].
Include: [specific data points, sections, or elements].
Layout: [orientation and structure].
Style: [aesthetic description].
Colors: [color palette].
For: [intended platform/use]."

モードの選択

生成する前に、ユーザーに尋ねてください。

「高速で低コストなものと、高品質なもののどちらを希望しますか？」

モード	最適な用途	速度	品質
max	最終デザイン、クライアント向けプレゼンテーション、印刷物	遅め	最高
eco	すばやい下書き、コンセプトの検討、A/B テスト	速め	良好

エラー処理

エラー	原因	解決策
Failed to create prediction: HTTP 422	残高不足	eachlabs.ai でチャージしてください
コンテンツポリシー違反	禁止されているコンテンツ	プロンプトの内容を調整してください
タイムアウト	複雑な生成	クライアントのタイムアウトを最低 10 分に設定してください

関連スキル

• each-sense - コア API ドキュメント
• data-visualization - チャートとグラフ
• presentation-design - スライド資料とピッチ資料
• social-media-graphics - 各プラットフォームに最適化されたビジュアル