background preloader

Data visualization

Facebook Twitter

GoJS Diagrams for JavaScript and HTML, by Northwoods Software. GoJS is a JavaScript and TypeScript library for building interactive diagrams and graphs. GoJS allows you to build all kinds of diagrams and graphs for your users, from simple flowcharts and org charts to highly-specific industrial diagrams, SCADA and BPMN diagrams, medical diagrams like genograms, and more. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. We maintain hundreds of sample diagrams, detailing different examples of interactivity, templates, and user logic for you to start from. Flowcharts Build interactive flowcharts or flow diagrams.

State Charts Sankey Diagrams. The R graph Gallery – Inspiration and Help concerning R graphics. Datawrapper. ONLINE GRAPHS AND CHARTS | create and design your own graphs and charts online | GRAPH. ChartsBin.com - Visualize your data. Gephi. Plotly. Weave (Web-based Analysis and Visualization Environment) RAW. Chartist - Simple responsive charts.

You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Highly customizable responsive charts Facts about Chartist The following facts should give you an overview why to choose Chartists as your front-end chart generator: Simple handling while using convention over configurationGreat flexibility while using clear separation of concerns (Style with CSS & control with JS)Usage of SVG (Yes! These projects and wrapper libraries are known to me right now that either use Chartist.js or wrap them into a library for usage in a framework.

Cross-browser support Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. ChartsBin.com - Visualize your data. *Circos | Visualization of Relationship Data. Before uploading a data file, check the samples gallery to make sure that your data format is compatible. Your file must be plain text. Your data values must be non-negative integers. Data must be space-separated (one or more tab or space, which will be collapsed). No two rows or columns may have the same name. Column and row names must begin with a letter (e.g. 'A', 'A0', 'A-0') and can only contain letters, numbers and _. Need help? If you are using the size, order or color options below, make sure your input file has the appropriate content (see samples 5-9). Don't have a data file? Current load is 0/5. Do not use this tool on confidential, sensitive or otherwise expensive, inflammatory or incriminating information (use the offline tableviewer which has a tutorial). 9.oct.15 Updated to use Circos 0.68. 7.sep.12 Updated to use Circos 0.63. 12.mar.12 Updated sample images. 7.mar.12 Fixed cookie bugs. 14.feb.12 Fixed bugs caused by Mac and DOS line ends. 3.jan.12 More image settings.

ONLINE CHARTS | create and design your own charts and diagrams online. Gephi, an open source graph visualization and manipulation software. Information is Beautiful. Free Data Visualization Software. Datavisual. Histogram.