Skip to main content
SimilarExport ZIP
100%

Fork of Fork of https://www.voronoiapp.com/technology/AI-Chatbots-vs-Search-Engines-Who-is-Winning-the-Traffic-War-4952

✓ Published0🌍 Public
NNita
Last edited May 6, 2025
Created on May 6, 2025

An interactive donut chart displays the market capitalization of top Chinese companies on US exchanges, grouped by sector. Clicking a slice or legend item filters the chart to that industry, while a summary panel and tooltips reveal company-level details like IPO year and growth. Built with React and D3 v7, the visualization uses `pie()`, `arc()`, and `scaleOrdinal` for layout and coloring, with `ResizeObserver` for responsive sizing. Data is loaded from a CSV file via `d3.csv`.

AI-generated description

Chinese Companies Market Cap Visualization

This visualization showcases the top Chinese companies by market capitalization, organized by sector. The interactive pie chart allows users to explore the distribution of market value across different industries.

Features

  • Interactive donut chart showing market cap distribution by sector
  • Sector filtering by clicking on pie slices or legend items
  • Responsive design that adjusts to different screen sizes
  • Detailed tooltips with additional information
  • Summary panel that updates based on selected sector

Data

The visualization uses market capitalization data for the top 30 Chinese companies listed on US exchanges, including information about:

  • Company name
  • Market capitalization (in billions of USD)
  • Industry sector
  • IPO year and value
  • Growth since IPO

Technologies Used

  • D3.js for data visualization
  • React for UI components
  • CSS for styling and responsiveness
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of https://www.voronoiapp.com/technology/AI-Chatbots-vs-Search-Engines-Who-is-Winning-the-Traffic-War-4952

This interactive donut chart visualizes the market capitalization distribution of top Chinese companies by sector. Users can click pie slices or legend items to filter by sector, with a hover tooltip displaying market cap and percentage share. A summary panel shows sector overviews or top companies when filtered. Built with React and D3 v7, it uses `pie()` and `arc()` generators for the donut layout, `scaleOrdinal` for color mapping, and a ResizeObserver for responsive dimensions. Data comes from a CSV file containing market cap, IPO year, and growth metrics.

NNita
97% match
Loading thumbnail…

Fork of https://www.voronoiapp.com/technology/AI-Chatbots-vs-Search-Engines-Who-is-Winning-the-Traffic-War-4952

This interactive donut chart visualizes the distribution of top Chinese companies by market capitalization across sectors. Slices represent aggregated sector values, with hover effects enlarging slices and displaying tooltips showing market cap and percentage share. Clicking a slice or legend item filters the data to that sector, while a summary panel displays top companies or sector details. Built with React and D3 v7, it uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and D3's `join` operator for SVG generation, with data loaded from CSV.

NNita
96% match
Loading thumbnail…

https://www.voronoiapp.com/technology/AI-Chatbots-vs-Search-Engines-Who-is-Winning-the-Traffic-War-4952

This interactive donut chart visualizes the distribution of market capitalization across sectors for top Chinese companies, using CSV data on 30 firms. Users can click pie slices or legend items to filter by sector, hover to see tooltips with market cap and percentage shares, and view a summary panel detailing sector statistics. Built with React and D3 v7, it uses the `pie` and `arc` generators, `scaleOrdinal` for color mapping, and a ResizeObserver for responsive dimensions.

NNita
93% match
Loading thumbnail…

Fork of Fork of React & D3 Vibecoding Starter

This dashboard compares market share among AI platforms through two interactive donut charts, one for chatbots and one for search engines, using visit data from 2023-2025. Users can filter by platform type, sort by visits, year-over-year change, or name, and limit the displayed entries. Built with React and D3 v7, it uses d3.pie, d3.arc, and ResizeObserver for responsive SVG rendering, with tooltips showing visit counts, previous year figures, YoY change, and percentage share of each platform type.

NNita
82% match
Loading thumbnail…

Fork of Fork of React & D3 Vibecoding Starter

This interactive dashboard visualizes the market capitalization of top Chinese companies using a bar chart built with React and D3.js v7. The visualization uses `d3.scaleBand` and `d3.scaleLinear` to map company names and values, with `d3.scaleOrdinal` for sector-based color coding. Users can hover over bars to see detailed tooltips, click bars to highlight companies, and filter by sector through an interactive legend. A summary panel displays market overview statistics, computed dynamically from the loaded CSV data.

NNita
79% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This example visualizes the top Chinese companies by market capitalization, with a bar chart sorted by value and color-coded by sector. Selecting a bar highlights that company while dimming others, and hovering reveals tooltips with details like IPO year, IPO value, and growth since IPO. Built with React and D3 v7, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for layout, plus `ResizeObserver` for responsive sizing. The data comes from a CSV file and interacts through React state management and D3 selections.

NNita
78% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This interactive dashboard visualizes total traffic to twenty AI platforms from April 2024 to March 2025, distinguishing chatbots from search engines through color-coded bars. Users can filter by platform type, sort by visits or year-over-year change, limit displayed entries, and toggle YoY indicators. Built with React 18 and D3 v7, it renders SVG charts with animated transitions, featuring interactive tooltips, hover effects, and a reset button. Data loads from a local CSV file, while ResizeObserver handles responsive scaling of the visualization.

NNita
76% match
Loading thumbnail…

Fork of AI Platform Dashboard analysis

This dashboard compares AI platform usage across April 2023–March 2025 using six visualization types: bar charts, grouped bars, line charts, pie charts, scatter plots, and a treemap. Built with React and D3 v7, it renders SVG with animated transitions, interactive tooltips, and controls for filtering by platform type, sorting, limiting data, and highlighting selected platforms. The data, loaded from a CSV via d3.csv, shows visit counts and year-over-year changes for chatbots and search engines.

NNita
74% match