ICE-5 Sushmitha B

100%

ICE-5 Sushmitha B

✓ Published0🌍 Public

Last edited Oct 3, 2025

Created on Oct 3, 2025

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.

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

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

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

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

81% match

Loading thumbnail…

Vikas ICE5

This example visualizes the ICE-5 scientific dataset by summarizing its contents through colorful, car-shaped icons. It shows the data’s basic properties—file size, row count, and column count—alongside a legend of four categorical colors (Han Purple, Green, Harvest Gold, and Hanasa Yellow). The visualization uses d3.csv to fetch and parse the remote CSV file, then computes and displays the summary statistics in a text container. The page combines static SVG graphics for the color-coded cars with D3’s data-loading API to present both the dataset’s structure and its visual palette.

Ppanduvik99@gmail.com

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

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

78% match

Loading thumbnail…

ICE5

This D3.js visualization provides an overview of a teams dataset loaded from a GitHub Gist, displaying dataset metrics (characters, columns, rows), a tabular preview of the first ten rows, and SVG circle swatches colored by each team’s hex code. The visualization uses `d3.csv` to parse the CSV and `d3.select` and `.append` to build both an HTML table and the circular color cards. The interface is styled with custom CSS, and the banner uses an SVG linear gradient fill.

SSainathreddypotu@gmail.com

78% match