Skip to main content
SimilarExport ZIP
100%

ICE-5 · Flowers Dataset Summary

✓ Published2🌍 Public
Cchengalvasharanya@gmail.com
Last edited Oct 5, 2025
Created on Oct 4, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE 5 Q3 assignment sharanya

This example displays the first five rows of a flowers dataset in a styled HTML table, with categorical values rendered as color-coded tag pills and a miniature bar chart indicating fragrance levels. D3 v7 loads the CSV from a public Gist using `d3.csv` and populates the table headers and body dynamically. The dark-themed interface applies custom CSS classes to encode season, sunlight, and water requirements, while the caption notes that the data comes from an external source.

Cchengalvasharanya@gmail.com
82% match
Loading thumbnail…

Fork of 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.

Kkovuribalanagavinay@gmail.com
81% match
Loading thumbnail…

ICE5

This dashboard summarizes a CSV dataset loaded from a public GitHub Gist, displaying high-level metrics such as total character count, column count, and row count. It then renders a preview table of the first ten rows using D3 v7’s `d3.csv` and `d3.select` APIs, building an SVG banner and styled HTML table. The interface dynamically fetches data with the Fetch API and presents it with custom CSS for metrics, panels, and a green-themed header. All rendering occurs in SVG and HTML, with no interactive filtering or charts beyond the static overview.

SSainathreddypotu@gmail.com
78% match
Loading thumbnail…

Fork of ICE 5 Q3 assignment sharanya

This example shows the first five rows of a flowers dataset loaded from a public Gist CSV. D3 v7 parses the CSV and renders a styled HTML table with color swatches for flower colors, category tags, bloom-season pills, sunlight and water-need badges, and mini bar charts for fragrance intensity. The page uses `d3.csv` to fetch and parse the data, then builds the table dynamically by populating the `<thead>` and `<tbody>` elements with matched column headers and cell values.

Cchengalvasharanya@gmail.com
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
77% match
Loading thumbnail…

ICE-6(Scatter plot)

This interactive D3.js v7 scatter plot uses a dark-themed SVG canvas to visualize the Iris dataset, plotting sepal length versus petal length for 150 flowers. Each circle encodes a data point colored by species using a `d3.scaleOrdinal` color mapping. The chart features labeled axes, gridlines, and a legend. Hovering over a point triggers a tooltip that displays the exact species and measurement values.

Vvydeeshm@gmail.com
76% match
Loading thumbnail…

ICE7

This visualization displays the Iris dataset as a scatter plot, mapping petal width on the x-axis against sepal length on the y-axis using D3 v7. The code loads data from a CSV URL, scales the coordinates with `scaleLinear`, and renders teal circles with a black stroke via SVG. Axes are drawn using `axisBottom` and `axisLeft`, while the chart fills the browser window.

Ssrinathkarumuru@my.unt.edu
76% match