Number one this week, Diagram Maker is a library outsourced by AWS to visualize graph data structure in the browser.
Basically a graph is made of “nodes” connected by “edges” (arrows between the nodes, with a source and a destination).
Diagram Maker can be used to visualize a workflow with different states and events that trigger transition between states. It’s used in the modelling tool of the AWS “IoT Events” service to let users represent the state of their devices.
Under the hood, it’s built on top of the state management library Redux and the UI library Preact, the most popular lightweight alternative to React.
Check the category Diagram / Flow charts if you are interested in this type of visualization.
Growing Fast This Week
1 |  | Diagram Maker A library to display an interactive editor for any graph-like data. | Homepage | +25.7% |
2 |  | Headless Recorder a Chrome extension that records your browser interactions | Homepage | +12.1% |
3 |  | Elsa A minimal, fast and secure runtime for Javascript and Typescript | GitHub | +10.9% |
4 |  | Headless UI Completely unstyled, fully accessible UI components | Homepage | +7.5% |
5 |  | Espruino The Espruino JavaScript interpreter | Homepage | +7.2% |
6 |  | React Flow Highly customizable library for building interactive node-based editors | Homepage | +6.9% |
7 |  | Overmind Frictionless state management | Homepage | +6.4% |
8 |  | Duet Date Picker An accessible date picker | Homepage | +5.3% |
9 |  | ml.js Machine learning tools in JavaScript | GitHub | +3.7% |
10 |  | Fluid Library for building distributed, real-time collaborative web applications | Homepage | +3.4% |
Trending This Week
1 | | Headless Recorder a Chrome extension that records your browser interactions | Homepage | +1.2 k★ |
2 |  | esbuild An extremely fast JavaScript bundler and minifier | GitHub | +457 ★ |
3 |  | 30 seconds of code Short JavaScript code snippets for all your development needs | Homepage | +409 ★ |
4 |  | freeCodeCamp freeCodeCamp.org's open source codebase and curriculum | GitHub | +371 ★ |
5 |  | VS Code Visual Studio Code | Homepage | +370 ★ |
6 |  | React A declarative, efficient, and flexible JavaScript library for building UI | Homepage | +344 ★ |
7 |  | Vue.js A progressive, incrementally-adoptable framework for building UI on the web | Homepage | +330 ★ |
8 |  | Next.js The React Framework | Homepage | +297 ★ |
9 |  | React Query Hooks for fetching, caching and updating asynchronous data in React | Homepage | +290 ★ |
10 |  | Day.js Day.js 2KB immutable date-time library alternative to Moment.js | Homepage | +256 ★ |
Any question or feedback? Reach us on GitHub.
Best of JavaScript is a project created by Michael Rambeau, made in Osaka, Japan.