nowfound

Dev tools · December 3, 2012

UD

Using D3.js to visually explore your GitHub connections

We got inspired by the work Mike Bostock has been doing with D3 and wanted to experiment with how we could extend the library in more of an application interface setting than just charting, so we built Nodal: http://nodal.me The project is built on Python/Flask/Heroku. Read more about the experiment here: http://mattstockton.com/2012/11/30/navigating-your-network-graph-with-nodal/

Using D3.js to visually explore your GitHub connections launched on December 3, 2012 with 29 votes, #68 of 501 launches that month and more than 75% of that year's launches.

Visit nodal.me ↗Alternativestop 14% of December 2012

In plain words

Nodal is a web application that visualizes GitHub user connections as interactive network graphs using D3.js. Built on Python and Flask, it lets developers explore their GitHub social networks and relationships visually. The tool demonstrates how D3.js can be extended beyond traditional charting to create full application interfaces for network exploration.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • NN
    Nodal. Next-Generation Node.js Server and Framework2016 · nodaljs.com · ▲288
  • 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!

  • GR
    GitHub Repo Visualizer Using D32024 · see-my-repo.netlify.app · ▲76

    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…

  • Nodal. An opinionated, full-featured API server for Node 4.02015 · github.com · ▲13

    API Services Made Easy With Node.js. Contribute to keithwhor/nodal development by creating an account on GitHub.

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

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

  • React D3 Library2016 · react-d3-library.github.io · ▲153

    The easiest way to use D3.js in React

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

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

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

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

    Dev tools · 27d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    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 · 23d ago · openbot.run

  • Talanoa▲346

    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 · 28d ago · corespeed.io

Source: Show HN post ↗

Launched alongside, December 2012

the whole month →