<h1 id="visualization">Visualization</h1>
<p><strong>Context: <a href="../README.md">frontend-dev-bookmarks</a> / Appearance</strong></p>
<p>Placing data in a visual context.</p>
<p><a href="http://frontend.directory/"><img src="https://img.shields.io/badge/frontend-directory-blue.svg?style=flat-square" alt="frontend.directory" /></a> <a href="https://gitter.im/dypsilon/frontend-dev-bookmarks"><img src="https://img.shields.io/gitter/room/dypsilon/frontend-dev-bookmarks.svg?style=flat-square&maxAge=2592000" alt="Gitter" /></a> <a href="https://twitter.com/FrontendDir"><img src="https://img.shields.io/badge/follow-twitter-55acee.svg?style=flat-square" alt="Twitter" /></a></p>
<table style="width:58%;">
<colgroup>
<col style="width: 58%" />
</colgroup>
<tbody>
<tr class="odd">
<td>+ <strong><a href="http://bonsaijs.org/">Bonsai.js</a></strong>: A lightweight graphics library with an intuitive graphics API and an SVG renderer. + <strong><a href="http://www.chartjs.org/">Chart.js</a></strong>: Simple, clean and engaging charts for designers and developers. + <strong><a href="http://square.github.io/crossfilter/">Crossfilter</a></strong>: Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. + <strong><a href="http://square.github.io/cube/">Cube</a></strong>: Cube is a system for collecting timestamped events and deriving metrics. By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc. + <strong><a href="http://square.github.io/cubism/">Cubism.js</a></strong>: Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. + <strong><a href="https://d3js.org/">D3.js</a></strong>: D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. + <strong><a href="http://datamaps.github.io/">DataMaps</a></strong>: Customizable SVG (world) map visualizations for the web in a single Javascript file using D3.js. + <strong><a href="http://vadim.ogievetsky.com/IntroD3/">Interactive Introduction to D3</a></strong>: D3 slides in D3 that I put together after becoming frustrated with explaining D3 using PowerPoint. + <strong><a href="http://nvd3.org/">NVD3</a></strong>: This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. + <strong><a href="http://www.janwillemtulp.com/2011/03/20/tutorial-introduction-to-d3/">Tutorial: Introduction to D3</a></strong>: Basically we just plot hidden circles randomly on the screen, and then transition them to a portion of the screen. Then we add some interaction to it so that the circles will move once you move your mouse over them. + <strong><a href="http://tenxer.github.io/xcharts/">xCharts</a></strong>: xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization. + <strong><a href="http://rendro.github.io/easy-pie-chart/">Easy Pie Chart</a></strong>: Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values + <strong><a href="http://www.flotcharts.org/">Flot</a></strong>: Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. + <strong><a href="https://developers.google.com/chart/">Google Chart Tools</a></strong>: The Google Visualization API allows you to create charts and reporting applications over structured data and helps integrate these directly into your website. + <strong><a href="http://paperjs.org">Paper.js</a></strong>: Paper.js offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves. + <strong><a href="http://photon.attasi.com/">Photon</a></strong>: Photon is a JavaScript library that adds simple lighting effects to DOM elements in 3D space. + <strong><a href="http://lipka.github.io/piecon/">Piecon</a></strong>: A tiny javascript library for dynamically generating progress pie charts in your favicons. + <strong><a href="http://berniesumption.com/software/animator/">Processing.js</a></strong>: Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations work using web standards. + <strong><a href="http://smoothiecharts.org/">Smoothie Charts</a></strong>: A JavaScript Charting Library for Streaming Data. + <strong><a href="http://timeline.knightlab.com/">TimelineJS</a></strong>: TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. + <strong><a href="http://sbstjn.github.io/timesheet.js/">Timesheet.js</a></strong>: Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well. + <strong><a href="https://github.com/jimblackler/treefun">Treefun by Jim Blackler</a></strong>: This tool creates SVG (Standard Vector Graphics) files to illustrate information structured as a basic tree. + <strong><a href="http://taitems.github.io/jQuery.Gantt/">jQuery.Gantt</a></strong>: Draw Gantt charts with the famous jQuery ease of development. + <strong><a href="http://jstat.github.io/">jStat</a></strong>: jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language (e.g. MATLAB or R). + <strong><a href="http://morrisjs.github.io/morris.js/">morris.js</a></strong>: Morris.js is a very simple API for drawing line, bar, area and donut charts. + <strong><a href="http://jgraph.github.io/mxgraph/">mxgraph</a></strong>: mxGraph is a JavaScript diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser, both HTML 5 capable and Internet Explorer v7+. + <strong><a href="http://threejs.org/">three.js</a></strong>: Three.js is a library that makes WebGL - 3D in the browser - easy to use. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only a fraction of that. + <strong><a href="http://visjs.org/">vis.js</a></strong>: Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data.</td>
</tr>
</tbody>
</table>
<h1 id="license">License</h1>
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
<p>Please provide a link back to this repository. This is not necessary for GitHub forks.</p>