Linked Nadieh viz

100%

Linked Nadieh viz

✓ Published1🌍 Public

Last edited Feb 23, 2025

Created on Feb 23, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Linked Nadieh viz

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.

NNita

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

89% match

Loading thumbnail…

Nadieh viz

This visualization presents an analysis of the PDF.js open-source project, showcasing author contributions, repository commit counts, and collaboration networks. The main network graph uses `d3.forceSimulation` to position nodes representing authors and repositories, with link thickness proportional to commit counts. Additional charts include horizontal bar charts for commit totals using `d3.rollups` and `d3.scaleBand`, a stacked bar chart for gender-based missing children data with `d3.stack`, and a force-directed graph mapping author collaborations across repositories. The visualizations employ SVG rendering with interactive tooltips, zoom capabilities, and hover effects powered by D3 v7.

NNita

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

86% match

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

85% match

Loading thumbnail…

Git repos commit :Nadieh viz

This dashboard visualizes PDF.js contribution data, showing total commits by author and repository in zoomable bar charts, plus an author collaboration network rendered as a force-directed graph using `d3.forceSimulation`. The interface also includes several bar and stacked-bar charts on Indian missing-children statistics by state, along with crime-rate comparisons. Interactive tooltips reveal exact values on hover, while drag-and-drop enables exploration of the network. Charts are built with D3 v7, using SVG elements for bar charts and circles for the network graph, with animated transitions throughout.

NNita

85% match

Loading thumbnail…

Fork of Git repos commit :Nadieh viz

This dashboard visualizes PDF.js contributor activity through several linked views, including bar charts of commits by author and repository, a force-directed network graph showing collaboration patterns, and a choropleth map of missing children data for comparison. The network graph uses `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to position nodes, while the map relies on `d3.geoMercator` and `d3.geoPath` with TopoJSON input. Interactive features include zooming via `d3.zoom`, tooltips, and hover highlighting, all rendered as SVG with data loaded from CSV files.

NNita

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

84% match