ICE 5 Q3 assignment sharanya

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.

90% match

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.

82% match

ICE-5 Q2

This example displays the first five rows of a sales dataset in a clean HTML table, presenting the raw data values under column headers. A D3.js v7 script loads the CSV file from a remote GitHub gist using `d3.csv`, then uses JavaScript string concatenation to build the table structure with `<table>`, `<th>`, and `<td>` elements before inserting it into the page. The page styling uses a simple CSS layout with a light background, hover effects on rows, and a bold header row.

Sshreshnaanugu@gmail.com

79% match

Ddrusyawontparticipate@gmail.com

ICE-5-KUMAR-DANAM-Q3

This example displays the first five rows of a CSV file in a styled HTML table with a dark, glassmorphism-inspired design. The page uses D3.js v7 to fetch and parse the remote CSV data, dynamically generating table headers from the dataset’s columns and populating rows with the corresponding values. The interface includes a sidebar and top bar, while CSS provides a responsive layout with hover effects and backdrop filters. The implementation relies on `d3.csvParse` and D3 selections to build the table structure.

78% match

ICE5-Lifestyle harshithadontha

This visualization demonstrates how to load and parse a CSV file using D3 v7, presenting a summary of the data’s size, row count, and column count alongside a formatted table previewing the first five rows. The code uses `d3.csv` to fetch data from a GitHub gist, then dynamically constructs an HTML table with `d3.select` and `.join()`. Styled with CSS zebra striping, sticky headers, and hover effects, it highlights D3’s data-binding and DOM manipulation capabilities for tabular data exploration.

Tt37674473@gmail.com

ICE5 - Sai Kaushik Ganji

This visualization presents a perfume dataset with 128 rows and 6 columns, displaying a full data preview table alongside a decorative perfume bottle image. The page loads the CSV file from a GitHub gist using d3.csv and dynamically builds a scrollable HTML table with sticky headers and row hover effects. The code uses D3 v7 for data loading and DOM manipulation, while CSS handles the table styling, gradient background, and hover animations on the bottle illustration.

SSai Kaushik Ganji

ICE 6 sharanya

This bar chart compares the heights of different flower species from a CSV dataset. It displays each flower’s name on the x-axis and its height in centimeters on the y-axis using cyan rectangles. The visualization uses d3.csv to load the data and d3.scaleBand and d3.scaleLinear for positioning, while d3.axisLeft and d3.axisBottom render the axes. SVG elements are styled with a dark theme via CSS, and the code applies rotated x-axis labels for readability.

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.