航空物流スタートアップの資金調達動向

import React from 'react';
import { BarChart, Bar, LineChart, Line, PieChart, Pie, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';

const Dashboard = () => {
  const fundingData = [
    { year: '2021', amount: 256 },
    { year: '2022', amount: 29 },
    { year: '2023', amount: 35.9 },
    { year: '2024', amount: 21.1 },
  ];

  const companiesData = [
    { country: 'アメリカ', value: 26 },
    { country: 'インド', value: 19 },
    { country: 'その他', value: 67 },
  ];

  const fundingStageData = [
    { stage: 'シリーズA以上', count: 52 },
    { stage: 'シリーズB以上', count: 50 },
    { stage: 'シリーズC以上', count: 50 },
  ];

  return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-8 text-center">航空物流スタートアップの資金調達動向ダッシュボード</h1>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div className="bg-white p-6 rounded-lg shadow-md">
          <h2 className="text-xl font-semibold mb-4">年間資金調達額の推移</h2>
          <ResponsiveContainer width="100%" height={300}>
            <LineChart data={fundingData}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="year" />
              <YAxis />
              <Tooltip />
              <Legend />
              <Line type="monotone" dataKey="amount" stroke="#8884d8" name="年間資金調達額（億ドル）" />
            </LineChart>
          </ResponsiveContainer>
          <p className="mt-4 text-sm text-gray-600">
            2021年の急激な成長後、資金調達額は安定しつつあります。2024年のデータは2月までの暫定値です。
          </p>
        </div>

        <div className="bg-white p-6 rounded-lg shadow-md">
          <h2 className="text-xl font-semibold mb-4">航空物流スタートアップの国別分布</h2>
          <ResponsiveContainer width="100%" height={300}>
            <PieChart>
              <Pie data={companiesData} dataKey="value" nameKey="country" cx="50%" cy="50%" outerRadius={80} fill="#8884d8" label />
              <Tooltip />
              <Legend />
            </PieChart>
          </ResponsiveContainer>
          <p className="mt-4 text-sm text-gray-600">
            アメリカとインドが航空物流スタートアップの主要拠点となっています。その他の国々も合わせて多くの企業が存在します。
          </p>
        </div>

        <div className="bg-white p-6 rounded-lg shadow-md">
          <h2 className="text-xl font-semibold mb-4">資金調達ステージ別企業数</h2>
          <ResponsiveContainer width="100%" height={300}>
            <BarChart data={fundingStageData}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="stage" />
              <YAxis />
              <Tooltip />
              <Legend />
              <Bar dataKey="count" fill="#82ca9d" name="企業数" />
            </BarChart>
          </ResponsiveContainer>
          <p className="mt-4 text-sm text-gray-600">
            シリーズA以上の企業が多く、成長段階にある企業が多数存在することがわかります。
          </p>
        </div>

        <div className="bg-white p-6 rounded-lg shadow-md">
          <h2 className="text-xl font-semibold mb-4">注目のスタートアップ</h2>
          <ul className="list-disc pl-5">
            <li className="mb-2">
              <strong>Joby Aviation</strong>: トヨタから5億ドルの資金調達を受け、飛行タクシーの開発を進めています。
            </li>
            <li className="mb-2">
              <strong>Beta Technologies</strong>: 電動垂直離着陸機（eVTOL）「Alia」を開発中で、UPSから最大150機の購入意向を得ています。
            </li>
            <li className="mb-2">
              <strong>Aircon</strong>: AIを活用した航空貨物の統合プラットフォームを提供し、3.3百万ドルの資金調達に成功しました。
            </li>
            <li className="mb-2">
              <strong>cargo.one</strong>: デジタル航空貨物予約プラットフォームを運営し、18.6百万ドルの資金調達を実現しました。
            </li>
          </ul>
        </div>
      </div>

      <div className="mt-8 bg-white p-6 rounded-lg shadow-md">
        <h2 className="text-xl font-semibold mb-4">航空物流スタートアップの今後の展望</h2>
        <p className="text-gray-700">
          航空物流業界は、技術革新と持続可能性への注目が高まる中、大きな変革期を迎えています。電動航空機、ドローン配送、AIを活用した効率化など、様々な分野で新たなソリューションが登場しています。投資家の関心も高く、今後も成長が期待される分野と言えるでしょう。特に、環境に配慮した取り組みや、デジタル化による業務効率の向上に焦点を当てたスタートアップが注目を集めると予想されます。
        </p>
      </div>
    </div>
  );
};

export default Dashboard;