Skip to main content
SimilarExport ZIP
100%

ICE 6 SUSHMITHA B ScatterPlot

✓ Published2🌍 Public
Ssushmitha bungatavula
Last edited Oct 19, 2025
Created on Oct 18, 2025
Forked from React Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

ICE-6 SUSHMITHA.B

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.

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…

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
86% 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
82% match
Loading thumbnail…

ice-7 sushmithab scatterplot

This interactive scatter plot visualizes IPL team performance from 2015 to 2024, showing the relationship between year and points scored for each team. Each point is color-coded and shape-coded by team, with hover tooltips revealing detailed statistics. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for axes, d3.scaleOrdinal for color and shape encoding, and d3.symbol for varied point markers. Data is loaded from a remote CSV file containing team performance records. The chart includes custom team colors, a legend, and smooth hover interactions.

Ssushmitha bungatavula
76% match
Loading thumbnail…

ICE-5 Data visualization

This visualization displays a static SVG image of race cars alongside a summary of race data loaded from a remote CSV file. The page uses D3 v7’s `d3.csv` to fetch the dataset, then calculates and reports the file size in kilobytes, the number of rows, and the number of columns, displaying these metrics in a styled `<pre>` element. The SVG is embedded directly via an `<img>` tag, while the data source is linked externally. The interface is minimal, with large colored headings and a red message container.

RRahulChaitu999
75% match
Loading thumbnail…

ICE7

This interactive scatter plot visualizes relationships between numeric attributes of cars from a CSV dataset. Users can select different x- and y-axis columns from dropdown menus to explore correlations. The visualization is built with D3 v7 using SVG rendering, featuring smooth 400ms transitions when data points move between positions. Tooltips display car names and axis values on hover, while the reusable `scatterPlot()` function demonstrates configurable chart design with adjustable scales, margins, labels, and point symbols.

SSainathreddypotu@gmail.com
74% match