Life & fun · alternatives · 2026

This JavaScript resource helps developers draw complex geometric primitives and shapes in web applications. It caters to programmers building visualizations, games, or graphics-heavy projects who need more advanced… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A resource for drawing complex primitives in JavaScript launched in 2015; newer entries below may have overtaken it.

1. 1
   RoughJS – Create hand-drawn graphics using JavaScript▲1,087

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

   2018 · roughjs.com · its alternatives →

2. 2TJ
   Textures.js, SVG Patterns for Data Visualization▲404

   A JavaScript Library for creating SVG patterns

   2015 · riccardoscalco.github.io · its alternatives →

3. 3
   Pts.js – A library for visualization and creative coding▲611

   Pts is a javascript library for visualization and creative-coding.

   2018 · ptsjs.org · its alternatives →

4. 4
   Primitive Pictures▲894

   Reproducing images with geometric primitives. Contribute to fogleman/primitive development by creating an account on GitHub.

   2016 · github.com · its alternatives →

5. 5
   GeoKone▲77

   A web application for drawing awesome geometric shapes

   2017 · its alternatives →

6. 6
   RoughNotation – create and animate hand-drawn annotations on a web page▲696

   A small JavaScript library to create and animate hand-drawn annotations on a web page

   2020 · roughnotation.com · its alternatives →

7. 7GJ
   G9.js – Automatically Interactive Differentiable Graphics▲237

   2016 · omrelli.ug · its alternatives →

8. 8
   Anime.js – Polyvalent JavaScript Animation Engine▲283

   A fast, multipurpose and lightweight JavaScript animation library

   2016 · anime-js.com · its alternatives →

9. 9DJ
   Drawingboard.js▲233

   2013 · leimi.github.io · its alternatives →

10. 10
    A JavaScript library for data visualization in both SVG and Canvas▲161

    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…

    2024 · github.com · its alternatives →

11. 11
    Boring Avatars▲494

    JavaScript library to generate SVG avatars based on text

    2021 · boringavatars.com · its alternatives →

12. 12RJ
    Rune.js – Graphic design systems with SVG in the browser or Node.js▲92

    A JavaScript library for programming graphic design systems with SVG

    2015 · runemadsen.github.io · its alternatives →

13. 13
    Isomer – An isometric graphics library for HTML5 Canvas▲181

    2014 · jdan.github.io · its alternatives →

14. 14
    TerrainVer – Generate Worms-Style Cartoon Terrain in JavaScript▲198

    Explore advanced web development for online casinos at Juliango 202. Learn about programming languages, RNG algorithms, and secure platform architecture.

    2018 · juliango202.com · its alternatives →

15. 15
    Minimal 3D creative coding tool – control 8×8×8 dots with JavaScript▲206

    A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.

    2021 · doersino.github.io · its alternatives →

16. 16TL
    Tableau-Like Data Visualizations in JavaScript▲361

    2018 · charts.com · its alternatives →

17. 17
    Chart.js▲263

    Simple, clean & engaging charts for designers and developers

    2014 · chartjs.org · its alternatives →

18. 18
    A gallery of graphs built with React and D3.js▲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!

    2023 · react-graph-gallery.com · its alternatives →

19. 19GN
    GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library▲124

    2016 · graphicsjs.org · its alternatives →

20. 20
    Anime.js▲236

    A flexible yet lightweight Javascript animation library.

    2016 · anime-js.com · its alternatives →

21. 213R
    3D Raycasting Engine in JavaScript▲113

    2020 · ahuth.github.io · its alternatives →

22. 22
    1 KB JavaScript library for building front end apps▲242

    1kB-ish JavaScript framework for building hypertext applications - hyperapp/hyperapp

    2017 · github.com · its alternatives →

23. 23
    Method Draw▲70

    A free browser-based vector creator

    2014 · editor.method.ac · its alternatives →

24. 24
    TheoremJS▲167

    A Math framework for computation in JavaScript

    2018 · theorem.js.org · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →