G2 is a highly interactive data-driven visualization grammar for statistical charts. with a high level of usability and scalability. You can describe the visual appearance and interactive behavior of a visualization just by one statement, and generate web-based views using Canvas or SVG.
Recharts is a redefined chart library built with React and D3. Recharts makes it easy to integrate charts into your React application
<canvas> and SVG. You can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes.
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.
Learn other’s code. Design your code. Refactor code. Document code. Explain code.
Frappé Charts is a GitHub-inspired simple, responsive, modern SVG charts library with zero dependencies.
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
Anime.js used for the animations and Charming.js used for some letter effects.
A tutorial about creating SVG line animations of different animals by using Snap.svg
Flubber is a library to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation.