trianglify - Algorithmically generated triangle art

  •        7

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.



Related Projects

plotly.js - The open source JavaScript graphing library that powers plotly

Built on top of d3.js and, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.

party-mode - An experimental music visualizer using d3.js and the web audio api.

a somewhat-technical overview===========================Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a [good tutorial]( on how to do this. Then, using `requestAnimationFrame` (with a little [frame limiting]( for performance reasons) I'm updating that array as the music change

react-vis - Data-Visualization oriented components

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.

rickshaw - JavaScript toolkit for creating interactive real-time graphs

See the overview, tutorial, and examples for more.In the browser, manually add rickshaw.min.js and rickshaw.min.css in the document head.

D3 - A JavaScript visualization library for HTML and SVG

D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).

vega - A visualization grammar. Moved to:

Vega is a visualization grammar, a declarative format for creating and saving interactive visualization designs. With Vega you can describe data visualizations in a JSON format, and generate interactive views using either HTML5 Canvas or SVG.

Rickshaw - Interactive Time Series Graphs in JavaScript

Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors etc. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.


A higher-level charting library built on top of d3.D3 is really quite awesome. It is a low-level toolkit of primitives for visualizing data in modern browsers, abstracting away a lot of the common gruntwork of any visualization. I like to think of d3 as the web’s “native” visualization toolkit, since it isn’t a very abstract abstraction: d3 produces SVG and maniupulates markup in your browser, not some intermediate representation. This makes things like interactivity possible/easier.