Gist 18dc25595ce9bc0bf23c259cb0829993

100%

Gist 18dc25595ce9bc0bf23c259cb0829993

✓ Published0🌍 Public

Last edited Feb 14, 2024

Created on Feb 14, 2024

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 41e56c91ab9d245a846939ab9a448e40

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.

HHussamHallak

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

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

65% match

Loading thumbnail…

Document

This interactive bar chart shows monthly values for a selected year, with a slider controlling the year from 2009 to 2014 and a smooth 2-second transition animating the bars to their new heights and colors. The visualization uses D3 v4 with a band scale for months, a linear scale for values, and a quantile color scale to encode magnitude. Data is loaded from six CSV files using d3.queue, and the chart updates by merging entering and existing SVG rect elements via `selection.merge` and applying axis transitions.

Hhamzavg

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

65% match

Loading thumbnail…

Gist db32a113f546aa03b43c0e1f84f80d28

The visualization shows a force-directed network graph of GitHub gist data, with nodes representing individual gists and links showing relationships between them. It uses d3.forceSimulation to compute the layout, with node size encoding gist size and color indicating file type or language. The rendering relies on SVG elements updated per tick via the simulation’s tick event. The code loads a static JSON file containing preprocessed gist metadata, and does not use canvas or WebGL. The visualization highlights clustering patterns among related gists, revealing emergent communities in the dataset.

335degrees

65% match

Loading thumbnail…

stacked bar

A stacked bar chart displays records published by month in 2015, broken into four categories: Geographic, Dataset, Application, and WebService. The chart uses D3.js (v3.5.5) to load the CSV data from `views.csv`, compute cumulative y-values for each segment, and render colored rectangles per category. An ordinal x-scale maps months, a linear y-scale encodes total counts, and a legend identifies the color-coded categories. The SVG rendering includes axes formatted with the `.2s` tick format and uses `d3.svg.axis` for the bottom and left axes.

MMbrownshoes

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

64% match