Skip to main content
SimilarExport ZIP
100%

Proyecto Final

✓ Published0🌍 Public
Jjr873
Last edited May 15, 2021
Created on May 8, 2021

This visualization shows the distribution of Change.org petition counts across six visit-volume ranges, from “Less than 100” to “More than 1M,” using horizontal bars. The data comes from `visitas.csv`, loaded via `d3.csv`. The code uses `d3.scaleLinear` for the revenue axis, `d3.scaleBand` for the month categories, and `d3.axisLeft` and `d3.axisBottom` to render axes with custom formatting. The SVG output is rendered with `d3.select` and `append` operations.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Group Project Bioinformaticsnew

This example visualizes the geographic distribution of White House petition signatures as a choropleth heat map of the United States. Built with D3 v3 and rendered as SVG with animation, the map lets users click any state to view its signature count. Color intensity encodes the number of signatures, using a logarithmic scale to handle values that range from a few dozen to over 4,500; the scale is implemented with a linear interpolator as a stand-in, as noted by the author. The data is loaded from UFO_color.csv and joined to state shapes, with the visualization drawing on Mike Bostock's map demo and forked from thedod's clickable US heat-map. The project demonstrates a quick-and-dirty approach to choropleth mapping in d3, with interactivity and animation for a compelling presentation of petition signature distributions across the United States.

CCraftbd
68% match
Loading thumbnail…

Project

This example displays two grouped bar charts showing population and renewable energy consumption by year, sourced from a CSV dataset hosted on GitHub. It uses D3.js v7 to load and parse the data, group records by year, and render SVG bar charts with linear and band scales. The charts are styled with distinct colors, steelblue for population and orange for renewable energy, and include labeled axes and a legend. The visualization offers a comparative view of demographic and energy trends over time.

Vvenkatabhaskaratetali@my.unt.edu
68% match
Loading thumbnail…

Fork of Activity_7_11815718_Q2

This example visualizes daily website traffic for 2025, displaying a time-series area chart with a path that fills the space between the x-axis and the visitor counts. The x-axis is scaled by date, and the y-axis is scaled linearly to the maximum visitor value. Built with D3 v7, the code loads a CSV file from a GitHub gist, parses dates and numeric values, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG output. The chart includes axis labels and monthly tick formatting.

Mmaneeshraja47@gmail.com
67% match
Loading thumbnail…

CSCE5320 Project

This example renders a horizontal bar chart that visualizes complaint counts by complaint type, sourced from a CSV file hosted on a GitHub Gist. Using D3.js v7, it loads the data with `d3.csv`, aggregates it via `d3.rollup` and `d3.sum`, and renders the bars as SVG rectangles with a linear x-scale and a band y-scale. Interactive hover effects change bar colors, and axes are added with `d3.axisBottom` and `d3.axisLeft`.

Rrajkodavati7@gmail.com
67% match
Loading thumbnail…

Project

This interactive bar chart visualizes country-level data from a CSV file, allowing users to filter by continent and select among numerous socioeconomic metrics. The visualization updates dynamically, showing one bar per country, with bars sortable by population in ascending or descending order. Built with D3 v5, it uses `scaleBand`, `scaleLinear`, and `d3.select` for DOM manipulation, while rendering as SVG with animated transitions. Dropdown menus and buttons control the displayed subset, leveraging D3's data-binding capabilities.

Ppatricknicholas27@gmail.com
67% match
Loading thumbnail…

Activity_7.1-2

This area chart displays monthly website visitor counts, with a steel-blue filled region beneath a line tracing visitor numbers across months. The visualization uses a D3 v7 SVG rendering pipeline, employing `d3.area()` to generate the filled path, `d3.scalePoint()` for the categorical month axis, and `d3.scaleLinear()` for the visitor count axis. Data loads from a remote CSV via `d3.csv`, with axes rendered using `d3.axisBottom()` and `d3.axisLeft()`.

Nnvishalreddy8951@gmail.com
67% match
Loading thumbnail…

H1b Data With D3 React

This chart shows the number of H-1B visa petitions filed per year, with bars representing the total count for each year. The visualization uses React components to render SVG elements, with D3 v5 providing the scales and data loading through the `csv` and `scaleBand`/`scaleLinear` APIs. Data comes from the Office of Foreign Labor Certification via a GitHub gist, and the bars are positioned using the x and y scales, with axis labels generated by custom React components.

Yyinhao0424
66% match
Loading thumbnail…

LAB5FINAL

This interactive visualization displays grouped bar charts comparing profit and revenue across seven months, with each month split into colored bars representing revenue categories. Users can drag the top of any bar vertically to modify its value, which immediately updates the displayed profit number and bar height. Built with D3 v5, the example uses `scaleBand`, `scaleOrdinal`, and `scaleLinear` to position and color the bars, while `d3.drag()` handles the interactive manipulation. A color legend, generated by a custom `colorLegend` function, identifies the revenue series, and data comes from a local JSON file rendered as SVG with smooth transitions.

Llimeroc
66% match