Skip to main content
SimilarExport ZIP
100%

ICE-6 SUSHMITHA.B

✓ Published0🌍 Public
Ssushmitha bungatavula
Last edited Oct 18, 2025
Created on Oct 18, 2025
Forked from HTML Starter

This bar chart displays the total points accumulated by each Formula 1 driver during the 2023 season, with bars colored by team and labeled with their final scores. The React application uses D3.js utilities, including `csv`, `scaleBand`, and `scaleLinear`, to fetch and aggregate the data from a remote CSV file before rendering the chart as SVG. It provides interactive hover tooltips via `title` elements, showing the driver’s team and points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Sushmitha.B

This bar chart visualizes the total F1 championship points earned by each driver during the 2023 season. The horizontal bars are colored by team, with the data aggregated from a CSV file containing individual race results. Built with React and D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleBand` and `d3.scaleLinear` for the axes, and renders the chart as an SVG. Each bar includes a tooltip via a `<title>` element and displays its value as a label.

Ssushmitha bungatavula
94% match
Loading thumbnail…

ICE 6 SUSHMITHA B ScatterPlot

This interactive scatter plot visualizes the average points per race for Formula 1 drivers in the 2023 season, with each driver's team distinguished by color. Built with React and D3 v7, the visualization processes a CSV dataset from a GitHub gist to compute average driver scores while simultaneously displaying a team legend with custom color mappings. The SVG rendering uses D3's `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `csv` for data loading.

Ssushmitha bungatavula
88% match
Loading thumbnail…

ice 6 sushmithab multi seriesplot

This multi-series chart visualizes Formula 1 2023 driver performance by combining bar and line representations for average points and average finishing position. Driver data is aggregated from a CSV dataset, with each driver’s total points and positions averaged across races, then sorted by average points. The visualization uses D3’s `scaleBand` for the categorical x-axis and two `scaleLinear` scales for the dual y-axes, with bars rendered as SVG rectangles and the position trend drawn using D3’s `line` generator. The code is built with React, using D3’s `csv` parser for data loading and SVG for rendering.

Ssushmitha bungatavula
87% match
Loading thumbnail…

Fork of ICE 6 SUSHMITHA B ScatterPlot

This scatter plot visualizes the average points per race for F1 drivers in the 2023 season. Each point represents a driver, with the y-axis showing points scored and the color indicating their team, while a legend lists team colors. Data is loaded from a CSV file using `d3.csv` and processed with custom JavaScript to aggregate race results. The visualization is built with React and rendered as an SVG, using `d3.scaleBand` for driver categories, `d3.scaleLinear` for the point values, and Tailwind CSS for page styling.

Hhasinipriyad7@gmail.com
82% match
Loading thumbnail…

ICE-5 Sushmitha B

This example presents a static overview of Formula 1 race data. It displays a header with summary statistics, a table of the first five records from a remote CSV file, and a legend of F1 team cars as colored SVG circles. Using D3 v7, the visualization fetches and parses the data with `d3.csvParse`, then populates the table dynamically. The fixed SVG symbol legend defines team colors and names, while the dark theme and styling are handled by external CSS.

Ssushmitha bungatavula
81% match
Loading thumbnail…

ICE-6 Hasini

This example visualizes total Quidditch points per player as a horizontal bar chart, with bars sorted from highest to lowest and value labels placed beside each bar. Built with React and D3 v7, it uses a custom CSV parser to load and aggregate player-points data, then renders SVG marks via `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.max` for domain calculation, with grid lines and formatted tick labels from `d3.format`.

Hhasinipriyad7@gmail.com
74% match
Loading thumbnail…

ICE-6

A bar chart displays total sales amounts by region, with bars sorted in descending order. The visualization is built with D3.js v7 and rendered as an SVG within a React framework. It uses `d3.csv` to load data, `d3.rollups` to aggregate sales by region, and `d3.scaleBand` and `d3.scaleLinear` for axes. Bars are drawn using SVG `rect` elements, with a tooltip-free design and axis labels. The code is structured modularly with functions like `renderBars` and `renderTitle`, and includes interactive element selection through click handlers.

Ssrinathkarumuru@my.unt.edu
74% match
Loading thumbnail…

ICE-6

This interactive bar chart visualizes total Quidditch points per player, sorted from highest to lowest. It uses React 19 and D3 v7 to load CSV data, aggregate player scores, and render SVG rectangles as bars with axis labels and value annotations. D3 scales (scaleBand, scaleLinear) and formatting utilities (format) handle the positioning and tick generation, while React manages the component state and DOM updates.

Hhasinipriyad7@gmail.com
74% match