可视化(Visualization)

Context: frontend-dev-bookmarks / Appearance


  • Bonsai.js: A lightweight graphics library with an intuitive graphics API and an SVG renderer.
  • Chart.js: Simple, clean and engaging charts for designers and developers.
  • Crossfilter: Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser.
  • Cube: 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.
  • Cubism.js: 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.
  • D3.js: D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.
    • DataMaps: Customizable SVG (world) map visualizations for the web in a single Javascript file using D3.js.
    • Interactive Introduction to D3: D3 slides in D3 that I put together after becoming frustrated with explaining D3 using PowerPoint.
    • NVD3: 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.
    • Tutorial: Introduction to D3: 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.
    • xCharts: 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.
  • Easy Pie Chart: Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values
  • Flot: Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
  • Google Chart Tools: The Google Visualization API allows you to create charts and reporting applications over structured data and helps integrate these directly into your website.
  • Paper.js: 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.
  • Photon: Photon is a JavaScript library that adds simple lighting effects to DOM elements in 3D space.
  • Piecon: A tiny javascript library for dynamically generating progress pie charts in your favicons.
  • Processing.js: 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.
  • Smoothie Charts: A JavaScript Charting Library for Streaming Data.
  • TimelineJS: TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines.
  • Timesheet.js: 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.
  • Treefun by Jim Blackler: This tool creates SVG (Standard Vector Graphics) files to illustrate information structured as a basic tree.
  • jQuery.Gantt: Draw Gantt charts with the famous jQuery ease of development.
  • jStat: 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).
  • morris.js: Morris.js is a very simple API for drawing line, bar, area and donut charts.
  • mxgraph: 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+.
  • three.js: 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.
  • vis.js: 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.