nowfound

Life & fun · November 6, 2018

DiagramJS – Create beautiful node diagrams using JavaScript

☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree

DiagramJS – Create beautiful node diagrams using JavaScript launched on November 6, 2018 with 33 votes, #785 of 2,709 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 7 years on.

In plain words

DiagramJS is a JavaScript library for creating node diagrams. It enables developers to build visual diagram systems with code, handling the technical complexity of layout and rendering. The tool is particularly useful for anyone building applications that need to display connected data, relationships, or workflows. Being open-source on GitHub, it's freely available for developers who want to integrate diagram functionality into their projects without relying on proprietary solutions.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • DiagramJS – Create beautiful node diagrams and graph in JavaScript/TS2019 · github.com · ▲7

    ☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree

  • RoughJS – Create hand-drawn graphics using JavaScript2018 · roughjs.com · ▲1,087

    Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

  • Chart.js2014 · chartjs.org · ▲263

    Simple, clean & engaging charts for designers and developers

  • 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!

  • Diagram as code tool with draggable customizationsOct 2025 · github.com · ▲266

    In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…

  • TJ
    Textures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404

    A JavaScript Library for creating SVG patterns

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, November 2018

the whole month →
  • Krisp Mac▲893

    Record outgoing calls and get transcripts + AI notes

    AI · 2018 · krisp.ai

  • Learn how to build for the web and see where you stand 🌟

    Dev tools · 2018 · web.dev

  • DrawKit▲765

    MIT licensed SVG illustrations, in 2 styles

    Dev tools · 2018

  • Faster, more private internet by Cloudflare, now on mobile

    Work · 2018 · apps.apple.com

  • Tabnine is the AI code assistant that accelerates and simplifies software development while keeping your code private, secure, and compliant.

    AI · 2018 · tabnine.com

  • Neglected side projects for less than $1000.

    Dev tools · 2018 · indiemaker.com