Fork of ICE-5 · Flowers Dataset Summary

100%

Fork of ICE-5 · Flowers Dataset Summary

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

Forked from ICE-5 · Flowers Dataset Summary

This dark-themed dashboard summarizes a car dataset using D3.js v7 and vanilla JavaScript. It displays key statistics, an interactive table of the first ten rows with sortable price and horsepower columns, and a bar chart visualizing car prices. The interface includes a decorative SVG car illustration and relies on D3 selections and array methods to populate the summary, table, and chart from CSV data.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ICE5 - chaturya d3.js parsing

This visualization displays car data with two side-by-side SVG charts: a bar chart showing the top 10 cars by price and a bar chart showing fuel type distribution, alongside summary statistics cards. The code uses D3.js v7 (d3.csv, d3.rollup, d3.scaleBand, d3.scaleLinear) to load and parse CSV data from a GitHub gist, then renders the charts with dynamic styling and data-driven bar heights.

Hhalinswaroopch@gmail.com

85% match

Loading thumbnail…

Fork of ICE-5 mm

This example presents a tabular preview of a car performance dataset, displaying the first ten rows from a CSV file loaded from a remote GitHub gist. The page shows a summary of the dataset’s size, row count, and column count above the table. The visualization is built using the D3.js v7 library, specifically using `d3.csv` to parse the data and `d3.select` with `.append` and `.join` methods to construct the HTML table structure. Styling is applied via an external CSS file, with column headers transformed from underscores to uppercase text.

Kkmuktha09@gmail.com

83% match

Loading thumbnail…

Fork of ICE 6

A bar chart displays automobile prices across car makes, sourced from a CSV dataset. The visualization uses D3 v5 to load data via `d3.csv` and render SVG rectangles scaled with `d3.scaleBand` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels. The chart includes titles and axis labels, with bars colored steelblue.

Iindushashi.g@gmail.com

82% match

Loading thumbnail…

Fork of ICE-6:Sai Meghana

This visualization displays the top 10 car prices from a CSV dataset, rendered as a horizontal bar chart using React and D3 v5. It loads the data with `d3.csv`, scales the numeric price values with `d3.scaleLinear`, a categorical car names with `d3.scaleBand`, and draws SVG rectangles for each bar. The chart includes grid lines and axis tick labels generated from the scales, and updates reactively once the dataset has loaded.

Eeravellisaimeghana

81% match

Loading thumbnail…

Fork of ICE-5 · Flowers Dataset

This fork of ICE-5 visualizes the Flowers Dataset, showing a data summary and the first ten rows in a styled table alongside an inline SVG flower badge. The page uses D3.js v7 to render the summary statistics and CSS grid for layout, while the static SVG includes a radial gradient and drop shadow filter. The dataset is loaded from a CSV file with the table displaying raw attributes in a dark-themed interface.

Cchengalvasharanya@gmail.com

81% match

Loading thumbnail…

Fork of ICE 6 Scatter Plot (Sai Kaushik Ganji)

This scatter plot visualizes the relationship between vehicle horsepower and price, using point size to encode sales volume and color to distinguish vehicle type. Built with D3.js v7, the visualization renders data from a bundled Car_sales.csv file as an SVG. The plot includes labeled axes, a hover tooltip for detailed inspection, and separate legends for the color-coded vehicle categories and size-scaled sales figures. The implementation uses D3's selection and scale APIs to map the dataset fields to visual encodings.

Kkhushburajan2015@gmail.com

81% match

Loading thumbnail…

ICE-5 · Flowers Dataset Summary

This dark-themed dashboard summarizes the Flowers Dataset using D3.js v7 and an inline SVG flower badge. It displays key-value statistics, a styled table of the first ten CSV rows, and color-coded chips for categorical attributes. The layout uses HTML/CSS grids and cards, with D3 handling data binding and rendering the SVG summary graphic.

Cchengalvasharanya@gmail.com

81% match

Loading thumbnail…

Fork of ICE-7 Reusable Scatterplot

This interactive scatterplot visualizes a car dataset, plotting various numerical attributes like mileage, price, horsepower, and displacement against each other in an animated loop. The visualization includes a legend with colored markers for car brands (Honda, Mercedes, Ferrari) and dynamically updates the x-axis every two seconds to cycle through data attributes. Built with D3.js, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for chart construction, and `setInterval` for animation. The data is loaded via `csv()` from a remote CSV file, with SVG rendering handling all graphical elements.

Mmanojgne

81% match