A JavaScript library for data visualization in both SVG and Canvas
Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…
A JavaScript library for data visualization in both SVG and Canvas launched on April 12, 2024 with 161 votes, #307 of 4,347 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 2 years on.
In plain words
Ripl is a JavaScript library that renders shapes and data visualizations to both SVG and Canvas using a single API. Built with modern TypeScript support, it offers CSS-like query selectors, DOM-like event bubbling, and keyframe animation capabilities. Designed for developers familiar with D3 who want a more contemporary alternative, Ripl is still under development and available on GitHub.
written from the facts on this page · September 2026
From the sources
Ripl provides a unified, cross-platform API for 2D and 3D graphics rendering with a focus on high performance and interactive data visualization. Write once, render to Canvas, SVG, WebGPU, or the terminal - in the browser, on the server, or in a headless environment. - andrewcourtice/ripl
In the maker’s words, at launch
Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more…
Does a similar job
all alternatives →
Ripl – A unified 2D/3D engine for Canvas, SVG, WebGPU, and the TerminalMar 2026 · ripl.rocks · ▲17After several years, with a small hiatus in the middle, I've finally got Ripl to the point of being published. Ripl is a library for rendering 2D and 3D shapes to any context (canvas, SVG, WebGPU, and Terminal supported by default) using a single API. The library mimics the DOM as much as possible, replicating the event system, object graphing, CSS-like querying, gradients, and keyframe animations etc. I also built a complete data visualization library using the core package which is available as @ripl/charts. And yes, you can even render the charts to a terminal with about a 2-3 line…
- TJTextures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404
A JavaScript Library for creating SVG patterns
Pts.js – A library for visualization and creative coding2018 · ptsjs.org · ▲611Pts is a javascript library for visualization and creative-coding.
- RJRune.js – Graphic design systems with SVG in the browser or Node.js2015 · runemadsen.github.io · ▲92
A JavaScript library for programming graphic design systems with SVG
Datagridxl2.js – Fast Excel-like data table library2022 · datagridxl.com · ▲301I'm Robbert, the creator of DataGridXL.js. Last month I released version 2 which includes many new features. DataGridXL is a free (and commercial) editable data table library written in ES6. My goal is to develop the most performant & user-friendly spreadsheet-like data table out there: - It has zero dependencies. You don’t need any framework to use DataGridXL. - It is lightweight (~250kb) and easy to use. It does not even require messing with CSS. - It has its own Virtual DOM implementation to prevent DOM errors. - Developer friendly. Supports all modern web browsers Please take a look at…
More dev tools this month
the category →
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▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲341Hi 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▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, April 2024
the whole month →
Supabase▲2,325The Postgres developer platform is now generally available
Dev tools · 2024 · supabase.com
Cal.com Platform▲1,601Build your pixel-perfect booking experience with Atoms
Dev tools · 2024 · cal.com
deco.cx 2.0▲1,078Build web apps 10x faster with Deno, JSX, TS & Tailwind
Dev tools · 2024 · decocms.com
