Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of HTML Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0f0354c8c8f9419782a1071c57cdb665

Open

Fork of HTML Starter

0 stars0🌍 Public
YYamini Malikireddy
Last edited Mar 1, 2026
Created on Mar 1, 2026
Forked from HTML Starter

This dashboard displays AI model data through an interactive bar chart, with summary cards showing the total rows, minimum, average, and maximum values of the selected metric. Users can switch between Parameters (Billions) and Release Year via the metric selector. The visualization uses d3.scaleBand and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for rendering, and animated transitions on bar height. Data loads from a CSV file via d3.csv. Tooltips appear on bar hover, and decorative circles and a legend enhance the SVG output.

AI-generated description

AI Models Dashboard

A D3.js-based visualization dashboard for AI models dataset.

Features

  • Interactive bar chart visualization
  • Summary statistics cards (min, max, average)
  • Metric selector for dynamic data filtering
  • Smooth animations on data transitions
  • Responsive card layout

Files

  • index.html - Main HTML structure
  • styles.css - Dashboard styling
  • index.js - D3.js visualization logic

Data Source

Uses the AI Models dataset from the provided CSV URL.