Denton_Street_murals

100%

Denton_Street_murals

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5 Denton Street Murals Visualization

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.

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

81% 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

72% 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

72% match

Loading thumbnail…

index(11823810).html

This interactive D3 visualization demonstrates how to load and explore CSV data, displaying it as a bar chart and computing summary statistics. Users can filter the dataset by category and previous value through dropdown menus, with hover tooltips showing detailed records. The page also includes a small SVG icon showcase and prominent metric cards alongside the main visualization. The implementation uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for scales, and d3.transition for animated bar updates.

Vvineelaviswanadham07@gmail.com

70% match

Loading thumbnail…

dv_project

This example presents five coordinated crime data visualizations—a scatter plot, stacked bar chart, heat map, line graph, and pie chart—rendered as SVGs using D3 v7. It loads CSV data from a GitHub gist and demonstrates multiple D3 APIs including `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.scaleOrdinal`, `d3.stack`, `d3.group`, `d3.rollup`, and `d3.axisBottom`. The scatter plot maps longitude and latitude coordinates, while the stacked bar and heat map show top offense categories by year using `d3.schemeCategory10` and `d3.interpolateBlues` color scales.

GGOPI MUPPURI

69% match

Loading thumbnail…

DV Assignment

This horizontal bar chart shows the number of visitors per floor at the UNT Library, with bars sorted in descending order. The visualization uses D3 v7 with SVG rendering, loading tab-separated data from a GitHub gist via `d3.dsv`. The code uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for floor categories, with black bars that turn steelblue on hover. Interactive tooltips appear on mousemove, displaying each floor's visitor count, while gridlines and labeled axes provide context.

Vvineelaviswanadham07@gmail.com

68% match

Loading thumbnail…

Let's make a face with D3.js!

This example builds an animated bar chart from a CSV of country populations using D3.js v5. It loads the data with `d3.csv`, maps each population value to a linear scale, and renders the bars as SVG rectangles positioned by a band scale. The chart displays the ten most populous countries with bar widths proportional to their populations, showing how straightforward D3’s data-join and scaling APIs are for creating visualizations.

Nnvelden

68% match