DV Assignment

100%

✓ Published1🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This bar chart displays the number of students for various grades and locations, with bars colored blue and axes labeled "Grades" and "Num_students." The visualization uses D3.js v6 to create an SVG rendering, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. Data is hardcoded in an array of objects, while axes are generated with `d3.axisLeft` and `d3.axisBottom`. The chart includes a pink background rectangle and console logs for debugging scale behavior.

Hhanulik.ondrej@gmail.com

76% match

Loading thumbnail…

D3 Bar Chart

This interactive D3 v4 bar chart displays two datasets of numbers as vertical steel-blue bars with value labels and a y-axis. Clicking the Update button toggles between a 10-element ascending dataset and an 8-element descending one, demonstrating the enter, update, and exit pattern. The code uses d3.scaleLinear for the y-scale, d3.axisLeft for the axis, and transition().duration(500) to smoothly animate bar heights, positions, widths, and labels when the data changes. SVG rendering handles all visual elements.

MMaxBotta

73% match

Loading thumbnail…

ice6_part1

A bar chart shows total weekly visits per public library from a DFW libraries dataset, with libraries sorted in descending order and bars colored red. The code uses D3 v7’s `d3.text`, `d3.csvParse`, and `d3.rollup` to load and aggregate the CSV data, then renders an SVG chart with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. Data is sourced from a GitHub gist containing the 2025 weekly visits CSV.

Mmodydxx@gmail.com

73% match

Loading thumbnail…

Untitled

This example presents a bar chart that visualizes a dataset by mapping values to the height of vertical bars. The rendering uses the D3.js library, specifically leveraging its `d3.scale` for mapping data to screen coordinates and `d3.selectAll` to bind the data to rectangular SVG elements. The chart’s bars are drawn with SVG `rect` elements, with their dimensions and positions calculated through D3’s linear scaling functions. The visualization greets viewers with a static, aggregated view of the underlying data, without interactive or animated features.

YY-oringe

73% match

Loading thumbnail…

Untitled

This example shows the distribution of student counts across letter grades, with horizontal bars colored in a solid blue tone. The chart uses D3.js v6 to construct an SVG visualization, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. It renders rectangles whose widths are proportional to `num_students` values, with axes generated via `d3.axisLeft` and `d3.axisBottom`. The data is hardcoded in the script rather than loaded from the available CSV file.

Hhanulik.ondrej@gmail.com

73% match

Loading thumbnail…

D3 Block-a-Day: Day 4, January 4, 2017

A bar chart displays the percentage of students proficient in 2016 for eleven schools, with bars colored steelblue and labels rotated vertically. The chart uses D3 v4 with SVG rendering, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Data is loaded from a CSV file, and axes are generated with `d3.axisLeft`. The visualization is part of a daily D3 learning series, forked from an earlier block.

663anp3ca

73% match

Loading thumbnail…

Untitled

A horizontal bar chart displays the number of online users per folder, with folder names on the y-axis and the count on the x-axis. The bars are rendered as SVG rectangles using D3 v6’s `scaleBand` and `scaleLinear`, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV file and parsed with `d3.csv`. A legend outside the plot distinguishes the "Online" color from an unused "Nearline" label, while the chart itself contains no interactivity.

LLokeyyyy

73% match

Loading thumbnail…

Untitled

A horizontal bar chart displays rental statistics for a selected area, showing the percentage distribution of various variables. Users select an area from a dropdown menu, triggering a fetch request to retrieve new data and update the visualization. The chart is rendered with Vue and D3.js, using SVG rectangles for bars and axes, with hover interactions displaying tooltips containing variable labels and definitions.

JJorrr2

72% match