Fork of Linked Nadieh viz

100%

Fork of Linked Nadieh viz

✓ Published0🌍 Public

Last edited Feb 23, 2025

Created on Feb 23, 2025

This fork of Nadieh Bremer’s linked visualization combines several D3.js v7 charts to explore Git commit data. An animated force-directed network graph (`d3.forceSimulation`) maps author collaborations across repositories, with node size reflecting commit counts and link thickness indicating shared repos. Interactive bar charts (`d3.axisBottom`, `d3.axisLeft`) rank authors and repositories by commit totals, supporting zoom and pan. Additional charts overlay data on missing children in Indian states, including stacked bar charts, choropleth maps (`d3.geoPath`), and grouped bar charts, all with tooltips and hover effects, rendered via SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Nadieh viz

This fork of Nadieh's visualization analyzes Git commit data across multiple dimensions. It includes a zoomable horizontal bar chart ranking authors by total commits, a circular collaboration network showing connections between authors who contributed to shared repositories, and additional bar charts for repository commit counts, missing children statistics by Indian state, and crime type analysis. The visualizations are built with D3 v7 in a React framework, using SVG rendering with zoom behavior, tooltips, stacked bar charts with d3.stack, and interactive hover effects with transitions.

NNita

92% match

Loading thumbnail…

Fork of Fork of Nadieh viz

This fork of a Nadieh visualization presents an interactive network graph of the PDF.js open-source project, showing the relationships between authors and repositories. The main view displays a central node for the primary repository, with contributors and other repositories positioned around it, linked by curved paths whose thickness reflects commit counts. Additional views include bar charts for commit totals per author and per repository, a force-directed collaboration network using `d3.forceSimulation` and `d3.forceLink`, and a choropleth map of missing children data per Indian state using `d3.geoPath` and a Red sequential color scale. All visualizations are rendered as SVG elements using D3 v7 within a React framework, with hover tooltips and zoom transformations applied to bar charts.

NNita

91% match

Loading thumbnail…

Linked Nadieh viz

This visualization integrates multiple D3.js v7 charts into a linked dashboard analyzing Git commit data and missing children statistics. It displays an author collaboration network using `d3.forceSimulation` with nodes sized by commit count, alongside bar charts, stacked bar charts comparing boys/girls/transgender counts, and a zoomable author commit chart with tooltips. The SVGs support zooming via `d3.zoom`, hover interactions, and tooltips. Data comes from CSV files processed with `d3.csv`, `d3.rollups`, and `d3.stack`, while `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` handle visual encodings.

NNita

89% match

Loading thumbnail…

Fork of Nadieh viz

This visualization gallery presents a comprehensive analysis of PDF.js contributor and repository data using multiple interactive D3.js charts. It includes a zoomable bar chart showing total commits by author, a repository commit chart, and a force-directed network graph using `d3.forceSimulation` and `d3.forceManyBody` to display author collaboration patterns. The code also demonstrates stacked bar charts for missing children statistics, choropleth maps using `d3.geoMercator` and `d3.geoPath` for geographical data, and various bar charts with tooltips and hover effects. All visualizations load data from CSV files and use SVG rendering with animations.

NNita

89% match

Loading thumbnail…

Fork of Fork of Nadieh viz

This visualization analyzes Git commit data, displaying author commit totals in a zoomable horizontal bar chart and mapping contributor relationships for the pdf.js repository in a circular network layout. The interactive charts support mouseover tooltips, hover highlighting, and zoom transformations using D3 v7's `d3.zoom` behavior with `rescaleX` and `rescaleY` axis updates, while rendering SVG elements with animation transitions.

NNita

88% match

Loading thumbnail…

Fork of Nadieh viz

A GitHub repository's contributor activity is shown as a network graph, where nodes represent authors and links connect those who committed to the same repositories. Force-directed layout positions the nodes using `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, with the author names and commit counts sourced from a CSV file. The visualization is rendered as an interactive SVG, allowing nodes to be dragged and repositioned, with labels updating in real time.

NNita

88% match

Loading thumbnail…

Fork of Fork of Fork of Nadieh viz

This interactive dashboard analyzes commit data from the PDF.js project, presenting a network graph of author collaborations and repository contributions. The visualization uses d3.forceSimulation to position nodes, with force-directed layout and drag functionality, while a central node connects contributors to various repositories. Additional views include horizontal bar charts showing commit counts per author and per repository, both featuring d3.zoom for interactive scaling. The dashboard incorporates tooltips on hover and visual encoding through graduated color scales, revealing patterns in contributor activity and project repository relationships.

NNita

87% match

Loading thumbnail…

Nadieh viz

This interactive dashboard visualizes Git repository commit data, showing author commit totals, top repositories, and an author collaboration network. The visualization uses D3.js v7 with multiple views: a zoomable bar chart for commits by author, a force-directed graph using `d3.forceSimulation` to display author connections through shared repositories, and additional charts examining missing children statistics by state. SVG rendering displays the bar charts and network, with hover tooltips and drag interactions for exploring the data. The code implements zoom behaviors, color scales, and stacked bar charts using D3's `d3.rollups`, `d3.stack`, and `d3.scaleBand` APIs.

NNita

87% match