Skip to main content
SimilarExport ZIP
100%

ICE-5 Denton Street Murals Visualization

✓ Published0🌍 Public
Vvunnamnandini13@gmail.com
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from HTML Starter

This visualization presents summary statistics and a table preview of the Denton Street Murals dataset. It uses D3.js v7 to load CSV data and render SVG elements, including a summary card, a table of the first ten records, and a bar chart showing mural counts by material. The code computes row/column counts and area statistics, then draws a decorative artistic mural SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Denton_Street_murals

This visualization explores Denton street mural data from a CSV file, showing dataset summaries, a table of the first ten rows, and counts of murals by material using animated SVG bar charts. The page also includes a decorative artistic mural rendered in SVG. It uses D3.js v7 with fundamental APIs such as `d3.csv`, `d3.rollup`, `d3.scaleBand`, `d3.scaleLinear`, and `transition` to load and process data and drive the animations.

Vvunnamnandini13@gmail.com
92% match
Loading thumbnail…

ICE Step3

This visualization displays the first five entries of the Denton Street Murals dataset in a styled HTML table. Using D3.js v7, it loads the data from a CSV URL, dynamically generates table headers from the column names, and renders rows with the dataset’s values. The page applies a dark theme with gold accents, and includes a loading message before the table appears once data is fetched.

Vvunnamnandini13@gmail.com
86% match
Loading thumbnail…

ICE-5 Murali M

This visualization summarizes a student performance dataset loaded via `d3.csv`, displaying a styled HTML table of the first five rows and a bar chart of GPA values using `d3.scaleBand` and `d3.scaleLinear`. The SVG bar chart renders student IDs along the x-axis and GPA scores on a 0–4 scale, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The data originates from a GitHub Gist CSV file, and the page includes a loading message and dataset summary.

Mmuralionline6@gmail.com
77% match
Loading thumbnail…

ICE-5 MuraliM

This example displays a student performance dataset loaded from a GitHub Gist CSV, presenting a summary message, a styled table previewing the first five rows, and a bar chart of GPA values. Using D3 v7, the visualization builds the table dynamically and renders an SVG bar chart with `d3.scaleBand` and `d3.scaleLinear`, pairing these scales with `d3.axisBottom` and `d3.axisLeft` for axis generation. The page relies on `d3.csv` for asynchronous data loading and update selection methods like `selectAll().data().enter().append()` to bind data to DOM elements.

Mmuralionline6@gmail.com
77% match
Loading thumbnail…

ICE-5 Denton Street Murals Visualization

This interactive scatter plot compares sepal dimensions across three iris species using D3.js. The visualization displays sepal length against sepal width, with color-coded points representing each species and a legend supporting hover interactions that highlight matching data points. Data loads from a CSV file using d3.csv, while d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft handle scaling and axes. The code includes a resize observer for responsive dimensions and BBC-inspired color styling.

Vvunnamnandini13@gmail.com
74% 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
74% 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
73% match
Loading thumbnail…

ICE 5

This example displays a dataset summary alongside a static SVG composition of colored circles. It loads a hosted CSV file of global economy data and computes basic statistics for numeric columns, including row count, min, max, and mean. The visualization renders a 3-by-10 grid of circles using D3 v7’s selection and data-joining methods, applying a Tableau color scheme and decorative opacity. The code uses `d3.csv` for parsing and `d3.min`, `d3.max`, and `d3.mean` for summary calculations, with all output drawn as SVG elements.

CCharith Kapuluru
73% match