Gist 41e56c91ab9d245a846939ab9a448e40

100%

Gist 41e56c91ab9d245a846939ab9a448e40

✓ Published0🌍 Public

Last edited Feb 15, 2024

Created on Feb 15, 2024

This visualization tracks the archival status of web resources across years, showing counts of collected, archived, and not-archived items. It uses a grouped bar chart or line chart to compare yearly totals, with stacked segments for different archive services like archive.org, archive-it.org, and archive.today. The code employs D3.js’s `d3.forceSimulation` for layout and `transition.attrTween` for animated updates, while rendering via SVG paths. Data comes from the provided CSV file, which is parsed using `d3.csv` and mapped to scales for year and count.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 18dc25595ce9bc0bf23c259cb0829993

This visualization tracks how often archived web pages from the Internet Archive were collected each year between 1999 and 2022, using a stacked bar chart built with D3.js. It shows both the total number of archived items per year and how many were successfully collected versus those that were not archived, broken down by archival sources like archive.org, archive-it.org, and archive.today. The chart uses `d3.forceSimulation` for layout adjustments and `d3.geoPath` for any geographic elements, while rendering bars with SVG paths. Data comes from a CSV file containing yearly counts of archived and unarchived records, with color encoding to distinguish between archive providers and error cases.

HHussamHallak

93% match

Loading thumbnail…

My work

This visualization displays the running total of something measured annually from 1949 to 2019, with data loaded from a CSV file. The chart appears to be a bar chart, with each year mapped to a bar whose height reflects the cumulative total. The code uses D3 v5 methods including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart. Although axis labels and a title are defined, the rendering logic is incomplete, as the data is only logged to the console.

Aayushcha

69% match

Loading thumbnail…

HTML Starter

A bar chart displays the daily amount of a continuous resource over June 2020. The visualization loads data from a semicolon-delimited CSV file and renders horizontal bars using SVG. It employs D3 v5 functions including `csv`, `scaleLinear`, `scaleBand`, and `axisLeft`/`axisBottom` to map values. The layout positions bars vertically by date with lengths proportional to amounts, though axes are not yet drawn. The code includes a minimal HTML skeleton with a placeholder paragraph.

CCeline Margaux Bernard

69% match

Loading thumbnail…

Untitled

A bar chart displays the cumulative running total of values from 1884 to 2010, sourced from a CSV file. The visualization uses D3.js v5, with `d3.dsv` to load and parse the data, and SVG elements to render the bars and axes.

Jjkwycz

69% match

Loading thumbnail…

Gist 890029

This visualization maps the timestamps of Gist 890029 commits as a radial time-series layout, showing activity across days of the week and hours. It uses d3.forceSimulation to position circular nodes on a spiral, with each point encoded by day and time. The rendering relies on d3.quadtree for collision detection and a custom path generator via d3.curveLinear, while axis labels and tick marks are drawn using d3.axisTop and d3.axisLeft. The source data comes from the gist’s file list, where each line is a timestamp parsed into a Date object. Color intensity varies by frequency, and the visualization highlights daily rhythms through a stacked circular band.

CCaged

69% match

Loading thumbnail…

Simple d3.js bar chart

This simple d3.js bar chart displays monthly values over a two-year period, with each bar representing a data point from a CSV file. The visualization uses d3.scale.ordinal and d3.scale.linear to map categorical dates and quantitative values, respectively, to pixel positions. Axes are rendered with d3.svg.axis, while the bars themselves are drawn as SVG rectangles with a steelblue fill. The chart includes a navigation interface with circular arrow buttons and a detail area, though the interaction logic is incomplete. Data comes from the external file bar-data.csv, and the visualization is built using the D3 version 3.5.17 library.

PPatrick Wojda

68% match

Loading thumbnail…

Untitled

This interactive stacked bar chart displays state-level data across two years. A dropdown menu selects the year, and the visualization animates the transition between the 2017 and 2018 views. The chart uses a categorical color scale to distinguish three data ranges. The code leverages D3 v5 APIs including `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.stack`. Built with SVG elements, the bars and their total value labels are rendered directly, with a 750ms transition on year change.

JJens Grochtdreis

68% match

Loading thumbnail…

Gist 50b557fa316c129ca06f

This bar chart shows monthly download counts from August 2015 through January 2016, with steelblue bars representing each month’s total. The visualization uses D3.js (version 3.5.5) with ordinal and linear scales, SVG axes, and a custom tooltip that appears on mouseover to display the exact download number. Data is loaded from a local CSV file (`downloads.csv`) containing month and download columns, and the y-axis uses SI-prefix formatting via `d3.format(".2s")`.

MMbrownshoes

68% match