background preloader

Graphs

Facebook Twitter

Mdaines/viz.js. Paper.js - Paper.js.

Charts

Gallery · mbostock/d3 Wiki. Wiki ▸ Gallery Welcome to the D3 gallery!

Gallery · mbostock/d3 Wiki

More examples are available on bl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider using Gist and bl.ocks.org. If you want to share or view live examples try runnable.com or vida.io. Visual Index Basic Charts Techniques, Interaction & Animation Maps Statistics Examples Collections The New York Times visualizations Jerome Cukier Jason Davies Jim Vallandingham Institute for Health Metrics and Evaluation Peter Cook Charts and Chart Components Bar Chart Histogram Pareto Chart Line and Area Chart Pie Chart Scatterplot and Bubble chart Parallel Coordinates, Parallel sets and Sankey Sunburst and Partition layout Force Layout Tree Misc Trees and Graphs Chord Layout (Circular Network) Maps Misc Charts Miscellaneous visualizations Charts using the reusable API Useful snippets Tools Interoperability Online Editors Products Store Apps Presentation Next: A Windows 8 HTML5/SVG Presentation Builder Libraries Games Wish List.

Touch. Protovis. Protovis composes custom views of data with simple marks such as bars and dots.

Protovis

Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky.

Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub. May 28, 2010 - ZOMG! Getting Started. JavaScript InfoVis Toolkit. JsPlumb 1.5.1 - flowchart connectors demonstration - jQuery. yEd - Graph Editor. yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams.

yEd - Graph Editor

Create diagrams manually, or import your external data for analysis. Our automatic layout algorithms arrange even large data sets with just the press of a button. yEd is freely available and runs on all major platforms: Windows, Unix/Linux, and Mac OS X. The latest release is version 3.12.2 Key Features Import your own data from an Excel® spreadsheet (.xls) or XML Create diagrams with easevia an intuitive user interface.

Automatically arrangeyour diagram elements. Export bitmap and vector graphicsas PNG, JPG, SVG, PDF, SWF yEd in 90 seconds Supported Diagrams yEd supports a wide variety of diagram types. Support Resources The yEd online support resources include the yEd Graph Editor manual and the yEd forum where you can give us feedback. Gliffy. Gliffy’s friendly editor, vast symbol libraries, and handy templates make it easy to communicate your thoughts and plans visually.

Gliffy

You’re just minutes away from all the diagrams you need: Flow Charts SWOT Analysis UML Charts Venn Diagrams Org Charts Network Diagrams Business Process Wireframes Site Maps. Gantt. DhtmlxGantt is an open source JavaScript Gantt chart that helps you visualize a project schedule in a nice-looking chart.

Gantt

It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, end-to-end). dhtmlxGantt provides flexible API and a large number of event handles, which gives you the freedom to customize it for your needs. Projects and tasks are comfortably organized into a hierarchical structure displayed in the left pane of the chart. The grid is easily configurable so you can add/remove custom columns to display required information. Current schedule status can be seen at a glance with percent-complete shadings. You can also enable tooltips or use built-in "quick info" popup to show the details for each task. Live demos Basic Gantt Chart Filtering and Zooming Hours Scale Click the appropriate images to view the demo.

Easy Initialization Fully Customizable Intuitive User Interface Rich Feature Set Buy it. Raphaël. Js-sequence-diagrams. JointJS. Arbor.js. Protovis. MxGraph ($$) Dracula. Sigma.js.