Fork of Fork of Fork of Cool graphics

100%

Fork of Fork of Fork of Cool graphics

✓ Published1🌍 Public

Last edited Feb 23, 2025

Created on Feb 23, 2025

Forked from 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.

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

91% match

Loading thumbnail…

Fork of 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.

NNita

90% match

Loading thumbnail…

Fork of Cool graphics

This visualization gallery presents multiple interactive charts analyzing open-source contributor activity and missing children statistics in India. The main network graph maps author collaboration patterns, with node size reflecting commit counts and colored links showing repository co-contributions. Interactive tooltips provide detailed author metrics on hover, while zoom capabilities are implemented through `d3.zoom()`. Additional charts include horizontal bar charts ranking repositories by commit volume using `d3.rollups` for aggregation, stacked bar charts displaying missing children data by gender across states using `d3.stack()`, and sequential color scales (`d3.scaleSequential`) to encode crime rates per capita. All visualizations employ D3.js v7 with SVG rendering, `.join()` operations for data binding, and `transition()` methods for smooth hover animations.

NNita

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

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

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

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