Fork of Fork of Fork of Cool graphics

100%

Fork of Fork of Fork of Cool graphics

✓ Published0🌍 Public

Last edited Feb 23, 2025

Created on Feb 23, 2025

Forked from Fork of Fork of Cool graphics

This example presents a collection of interactive charts and graphs, including a circular collaboration graph and various bar charts. The circle graph uses a radial layout to position author nodes and draws colored links to show collaborations across repositories, with hover effects revealing combined commit counts. Bar charts, such as the author commit chart and repository chart, use d3.rollups for data aggregation and d3.zoom for panning and scaling. The visualizations are rendered as SVGs using D3 v7 and are built as React components, pulling data from local CSV files.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Cool graphics

This visualization gallery entry presents a collection of interactive charts for analyzing Git commit data and social indicators. The main view displays an author collaboration network using SVG circles and links, where node size represents commit counts and connections show collaborative repositories. Additional charts include bar charts for commit distribution by author and repository, created with D3.js v7 scales, axes, and zoom behaviors. The visualization uses hover tooltips for detailed data inspection and features multiple data processing techniques including d3.rollups and d3.stack for aggregating and structuring the underlying CSV datasets.

NNita

94% match

Loading thumbnail…

Fork of Fork of Fork of Cool graphics

This example presents multiple views of a git commit dataset, including an interactive circle graph where nodes represent authors and links indicate collaboration on shared repositories. It also includes bar charts and stacked bar charts for missing children data, which are rendered using SVG with D3 v7. The visualization uses `d3.rollups` to aggregate commit counts, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.zoom` for panning and zooming. Tooltips appear on hover, and the code uses `transition` for smooth interactions. Data is loaded from CSV files.

NNita

93% match

Loading thumbnail…

Fork of Fork of Fork of Cool graphics

This visualization gallery displays multiple D3.js v7 charts analyzing GitHub contributor data and crime statistics. The main visualization is a network graph showing author-repository collaboration patterns, with nodes positioned around a decorative Buddha path and animated meditation circles using SVG. The interconnected charts include bar charts for commit counts by author and repository, a stacked bar chart for missing children demographics, and various crime rate visualizations. The implementation uses D3's zoom behavior for panning/zooming, tooltips for hover details, and scaleOrdinal for color encoding across different datasets.

NNita

90% match

Loading thumbnail…

Fork of Fork of Cool graphics

This multi-view dashboard visualizes GitHub contributor activity and missing-children statistics in India. A circular network chart shows author collaborations, with nodes sized by commit totals and colored links connecting authors who worked on the same repositories. Bar charts using `d3.rollups` and `d3.scaleBand` display commit counts by author and repository, while additional charts present state-level data on total missing children, gender distribution, and per-capita rates. The visualizations use `d3.svg`, `d3.zoom`, and `d3.stack` for interactive exploration of the datasets.

NNita

87% match

Loading thumbnail…

Fork of Fork of Fork of Cool viz with o'clock filter: Nadieh viz

This visualization presents an interactive analysis of the PDF.js open-source ecosystem, combining multiple chart types to show contributor and repository relationships. The network graph uses D3's force-directed layout with curved SVG paths to display collaboration patterns, while a circle packing diagram and bar charts show commit distributions across authors and repositories. Interactive features include zoomable axes, hover tooltips showing commit counts and author details, and draggable nodes. The visualizations leverage d3.forceSimulation, d3.zoom, d3.stack, and d3.rollups, rendering with SVG and WebGL animations from commit data spanning multiple PDF.js contributors.

NNita

87% match

Loading thumbnail…

Fork of Fork of Fork of Nadieh viz

This visualization explores GitHub repository commit data through multiple interactive charts, primarily featuring a circular network graph that maps contributors to the mozilla/pdf.js repository using curved paths and positioned nodes. The main view shows contributor commit counts as scaled circles arranged in concentric rings around the pdf.js center node, with hover effects highlighting connections and tooltips displaying author details. Additional charts include bar charts of commits by author and repository, plus stacked bar charts of missing children data from Indian states, all using d3.v7 with SVG rendering, zoom transforms, and tooltip interactions.

NNita

86% match

Loading thumbnail…

Fork of Fork of Fork of Cool viz with o'clock filter: Nadieh viz

This visualization analyzes PDF.js contributor and repository relationships using D3 v7. It displays a network of authors, repositories, and commits through multiple interactive charts including a force-directed collaboration graph, circle packing visualization, and bar charts. The code uses `d3.forceSimulation`, `d3.pack()`, `d3.rollups()`, and SVG rendering with tooltips and zoom functionality. The visualization processes CSV data of commit counts, author names, and repository metadata to show contribution patterns across the codebase.

NNita

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

86% match