Fork of ICE 6 SUSHMITHA B ScatterPlot

100%

Fork of ICE 6 SUSHMITHA B ScatterPlot

✓ Published0🌍 Public

Last edited Oct 18, 2025

Created on Oct 18, 2025

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

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

78% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes cricket player performance by mapping petal length against petal width, with color-coded species markers and rotated axis labels for runs scored and player names. The visualization loads CSV data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to compute scales, and renders circles as SVG elements with `d3.selectAll` and `.join`. Axis construction employs `d3.axisLeft` and `d3.axisBottom`, while the D3 v6 library handles data parsing and DOM manipulation within a React framework.

Mmaheganesh

76% match

Loading thumbnail…

Fork of ICE-6 Hasini Scatterplot

This scatter plot displays the highest individual score for each player, with points colored by Hogwarts house. The visualization uses a band scale for player names on the x-axis and a linear scale for scores on the y-axis. Built with React and D3 v7, the code employs `scaleBand`, `scaleLinear`, and `csv` to fetch and process remote data, rendering circles as SVG marks with rotated labels for readability.

Ssushmitha bungatavula

75% match

Loading thumbnail…

Fork of ICE -6 (Scatter Plot)

This scatter plot visualizes BMW car sales by comparing car models against fuel types, with each point colored by sales classification (blue for low, orange for high). The visualization uses React with hooks to load CSV data via `d3.csv`, then renders an SVG with D3 scales including `scaleBand` for both axes. Axis labels are rotated for model names, and hover tooltips display detailed model, fuel type, and sales information for each data point.

Sskmriyaz0786@gmail.com

75% match