nowfound

Dev tools · September 24, 2024

GR

GitHub Repo Visualizer Using D3

I built this as part of my quest to properly learn data visualization. The code is the easy part! Some lessons learned: - personal verification of the the general truth that pie charts are tough! and the returns are not great for the effort due to people's difficulties perceiving angles - may not use "vanilla" d3 with no React. was difficult to adapt for mobile - the GitHub API provides fairly standardized responses so building dynamic charts wasn't too bad. But when working with streaming data (say Kafka) I can see this getting interesting... schema registry should help but creating a view…

GitHub Repo Visualizer Using D3 launched on September 24, 2024 with 76 votes, #534 of 5,281 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 2 years on.

Visit see-my-repo.netlify.app ↗Alternativestop 10% of September 2024

In plain words

GitHub Repo Visualizer Using D3 is a tool that creates interactive data visualizations of GitHub repository information using D3. Built as a learning project for data visualization, it dynamically generates charts from GitHub API data and demonstrates techniques for handling standardized data sources. The creator documented lessons learned about visualization challenges, including pie chart limitations and mobile responsiveness considerations with vanilla D3.

written from the facts on this page · September 2026

From the sources

In the maker’s words, at launch

I built this as part of my quest to properly learn data visualization. The code is the easy part! Some lessons learned: - personal verification of the the general truth that pie charts are tough! and the returns are not great for the effort due to people's difficulties perceiving angles - may not use "vanilla" d3…

Does a similar job

all alternatives →
  • A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

    Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

  • Funnel Visualization in HTML/CSS/D3.js2013 · bl.ocks.org · ▲60

    GitHub Gist: instantly share code, notes, and snippets.

  • GP
    GitHub project structure visualizer2016 · veniversum.github.io · ▲141
  • Turn your GitHub Gist into a live dashboard2018 · github.com · ▲159

    :bar_chart: :clipboard: Dashboards using YAML or JSON files - GitHub - kantord/just-dashboard: :bar_chart: Dashboards using YAML or JSON files

  • Github Profile Visualizer2018 · profile-summary-for-github.com · ▲130

    Tool for visualizing GitHub profiles

  • GitHub Skyline2021 · skyline.github.com · ▲86

    View and print a 3D model of your GitHub contribution graph

More dev tools this month

the category →
  • /dev/null▲468

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲340

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, September 2024

the whole month →
  • Wispr Flow▲2,732

    Speak naturally, write perfectly & 3x faster in every app

    AI · 2024 · wisprflow.ai

  • Pathway▲1,335

    Get user insights 10x faster

    Work · 2024 · wynde.io

  • Personalized AI daily planning that suits your life

    AI · 2024 · beforesunset.ai

  • Osmos▲1,194

    Match with like-minded professionals for 1:1 conversations

    Growth · 2024

  • Carrot Care▲1,168

    Understand & optimise your bloodwork

    Life & fun · 2024 · carrotcare.health

  • Polar▲1,167

    An open source monetization platform for developers

    Dev tools · 2024 · polar.sh