100%

Fork of AI Platform Dashboard analysis

✓ Published0🌍 Public

Last edited May 7, 2025

Created on May 7, 2025

Forked from 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.

AI-generated description

AI Platforms Data Visualization Dashboard

An interactive visualization dashboard for comparing AI platforms' usage data across different time periods.

Features

Multiple visualization types:
- Bar Chart: Compare total visits across platforms
- Grouped Bar Chart: Side-by-side comparison of previous vs current year
- Line Chart: Analyze growth trends between time periods
- Pie Chart: Visualize market share by platform type
- Scatter Plot: Compare growth rate vs. total visits
- Treemap: Hierarchical view of platform visits
Interactive controls:
- Filter by platform type (Chatbot or Search Engine)
- Sort by total visits, YoY change, or name
- Limit the number of displayed platforms
- Toggle Year-over-Year change indicators
- Click on platforms to focus on specific data points

Data

The visualization uses visit data for AI platforms (both chatbots and search engines) between April 2023-March 2024 and April 2024-March 2025.

Implementation

Built using React and D3.js to create responsive, interactive data visualizations.

MIT Licensed

Similar vizzes

Loading thumbnail…

AI Platform Dashboard analysis

An interactive bar chart compares total visits for AI platforms across chatbots and search engines for 2024-2025. Users can filter by platform type, sort by total visits or year-over-year change, and toggle to show previous year indicators. Built with React and D3 v7 (including `scaleBand`, `scaleLinear`, and `scaleOrdinal`), it renders as animated SVG bars with hover tooltips and legend-based filtering, with data loaded from a CSV file.

NNita

90% 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

88% 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

87% match

Loading thumbnail…

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

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`.

NNita

74% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Global AI Content Impact Dataset - Set5

This fork-of-a-fork visualization provides an interactive scatter plot of the Global AI Content Impact Dataset, showing relationships among numeric columns like AI Adoption Rate, Job Loss, and Revenue Increase, colored by categorical fields such as Country or Industry. A view switcher toggles between scatter and trends views, while dropdowns and checkboxes let users select dimensions. Built with D3 v7, it fetches CSV data, coerces values with custom parsing, and renders SVG charts with dynamic controls.

Ppszyarto@wpi.edu

73% 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

73% match

Loading thumbnail…

Fork of Major Project

This interactive bar chart compares multiple machine learning algorithms across four performance metrics: accuracy, time, precision, and recall. The visualization loads JSON data from a GitHub gist and uses React with D3 v7 to render an SVG chart. Users can select which metric to display on the y-axis, and hovering over a bar triggers a tooltip showing all four metric values for that algorithm. The bars are animated using SMIL `<animate>` elements, and colors are randomly assigned from a predefined palette.

SSheela2930

72% match

Loading thumbnail…

Fork of Fork of Interactive pie and bar

This interactive dashboard combines a pie chart and bar chart to compare the top 5 countries across teaching, research, and citations. Hovering over a bar updates the pie chart and legend to display the corresponding data breakdown. Built with React and D3 v3, it uses SVG rendering with animations via `transition().duration(500)` to smoothly update bar heights and colors. The data is processed from a JavaScript object containing frequency values for each category.

JJerlineJJ

72% match