Viewing a saved revision (read-only)
dfb9a0db003d40659d93fd097ebeebe8
D3.js - Visualization of the GitHub Search API data
This visualization displays the 20 most popular JavaScript repositories from the GitHub Search API as an interactive bar chart. D3.js v7 fetches repository data and renders SVG bars colored by license type, with axes scaled by star count and a legend showing license colors. Users can click legend items to filter bars by hiding or showing specific licenses, with transitions animating axis and bar updates. The example dynamically adjusts the chart height to accommodate rotated tick labels and displays repository details in a sidebar when hovered.
AI-generated descriptionVisualization of the GitHub Search API data by using D3.js
This example is based on the book "JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming" by Nick Morgan, No Starch Press, 2024.
Visit also my repo https://github.com/ax-va/JavaScript-Crash-Course-Morgan-2024.