Skip to main content
SimilarExport ZIP
100%

Fork of ICE-5 · Flowers Dataset

✓ Published0🌍 Public
Cchengalvasharanya@gmail.com
Last edited Oct 5, 2025
Created on Oct 5, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
90% 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
85% 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…

Fork of ICE-5 The Shapes of Data

This example displays a static nature-themed SVG image alongside a summary of a CSV dataset. The summary lists the data file size, number of rows, and number of columns, computed using `d3.csvParse` on data fetched from a remote gist URL via the `fetch` API. The page is styled with custom CSS and uses D3 v4 to parse the CSV, but performs no additional visualization of the dataset itself.

Aanushatod
80% match
Loading thumbnail…

Fork of Vikas Fork of Fork of Fork of Fork of HTML Starter

This example visualizes the ICE-5 dataset by displaying its summary statistics and color-coded circles, each representing a distinct hue like Han Purple or Harvest Gold. It uses D3.js v7 to fetch and parse CSV data, then computes and displays the data size, row count, and column count in the DOM. The visualization combines static SVG circles with inline text labels, while an external SVG image is embedded via an `<img>` tag, demonstrating a straightforward approach to scientific data presentation.

Ppanduvik99@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Vikas Fork of Fork of Fork of Fork of HTML Starter

This example visualizes scientific data about ICE-5, displaying a summary of a CSV dataset alongside a set of SVG color swatches with labels such as Han Purple and Harvest Gold. It uses D3 v7 to fetch and parse the remote CSV via `d3.csv`, then calculates the file size, row count, and column count to display in a pre-formatted text block. The rendering is done entirely in SVG, with static circles and text elements embedded directly in the HTML. The page also includes an external SVG image, though its content is not programmatically processed.

Ppanduvik99@gmail.com
80% match
Loading thumbnail…

Fork of ICE 7 Reusable D3 Scatter Plot

This fork of the ICE 7 reusable D3 scatter plot visualizes the Iris dataset, rendering each flower as a symbol whose shape encodes species and position encodes petal width and sepal length. It uses D3 v6 modules including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom` within a custom reusable chart function. The plot animates every 15 seconds by cycling the x-axis through four different numeric columns using `setInterval`, updating the scales and re-rendering the SVG dynamically.

NNaimisha-M
79% match
Loading thumbnail…

Fork of ICE-5 Local Cafes Visualization

This fork visualizes the Iris dataset, showing how sepal length and width vary across species. The scatter plot encodes species with distinct colors from the BBC theme, and includes an interactive legend that fades non-hovered points. It uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.csv` to load life from a GitHub gist.

Bbodushivani2601@gmail.com
79% match