ICE-6 Sushmitha.B

100%

ICE-6 Sushmitha.B

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 18, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

83% 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:Sai Meghana

A bar chart displays the top 10 car prices from a CSV file, using a linear x-scale and a categorical y-scale. The chart visualizes the price of each car as a horizontal bar, with labels on the y-axis and tick marks on the x-axis. Built with React and D3 v5, it uses `d3.csv` to fetch data, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the numeric axis, rendering as SVG.

Eeravellisaimeghana

74% match

Loading thumbnail…

ICE6_SaiBhavanaAkkineni

This visualization displays the top 11 sports by fame in 2018, using a horizontal bar chart rendered as SVG. The React app loads data from a CSV via `d3.csv`, then uses `d3.scaleBand` for the categorical sports axis and `d3.scaleLinear` for the numerical value axis. Each sport is represented by an orange rectangle, with gridlines and tick labels generated from the scales. The chart is built with React hooks (`useState`, `useEffect`) and D3 v5.

SSai Bhavana Akkineni

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