background preloader

Gallery · mbostock/d3 Wiki

Gallery · mbostock/d3 Wiki
Wiki ▸ Gallery Welcome to the D3 gallery! More examples are available on If you want to share an example and don't have your own hosting, consider using Gist and If you want to share or view live examples try or 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

Related:  GraphsMapsData ScienceLibrariesD3

Protovis Protovis composes custom views of data with simple marks such as bars and dots. 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.

Documentation API Reference This reference reflects Leaflet 0.7. Docs for 0.6 are available in the source form (see instructions for running docs). Map The central class of the API — it is used to create a map on a page and manipulate it. 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. Browse by Topic NASA Earth Observatory Home / Images Browse by Topic Rickshaw: A JavaScript toolkit for creating interactive time-series graphs Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo →

yEd - Graph Editor yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams. 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 Smallest-circle problem The smallest-circle problem in the plane is an example of a facility location problem (the 1-center problem) in which the location of a new facility must be chosen to provide service to a number of customers, minimizing the farthest distance that any customer must travel to reach the new facility.[3] Both the smallest circle problem in the plane, and the smallest bounding sphere problem in any higher-dimensional space of bounded dimension, may be solved in linear time. Characterization[edit] Most of the geometric approaches for the problem look for points that lie on the boundary of the minimum circle and are based on the following simple facts: The minimum covering circle is unique.The minimum covering circle of a set S can be determined by at most three points in S which lie on the boundary of the circle.

R Programming for Data Science / Roger D. Peng Data science has taken the world by storm. Every field of study and area of business has been affected as people increasingly realize the value of the incredible quantities of data being generated. But to extract value from those data, one needs to be trained in the proper data science skills. The R programming language has become the de facto programming language for data science. Its flexibility, power, sophistication, and expressiveness have made it an invaluable tool for data scientists around the world.

The World's Best Photos of heightmap Flickr Hive Mind is a search engine as well as an experiment in the power of Folksonomies. All thumbnail images come directly from Flickr, none are stored on Flickr Hive Mind. These photos are bound by the copyright and license of their owners, the thumbnail links take to you to the photos (as well as their copyright and license details) within Flickr. Because some other search engines (Google, etc.) index parts of Flickr Hive Mind, you may have been led here from one of them. Angular.js Directives for nvd3.js and d3.js ~ pie chart ~ nvd3js d3js angularjs How to create a basic chart Include angularjs-nvd3-directives.js in your HTML file. Include other dependencies for nvd3.js and d3.js. In the Angular App, include nvd3ChartDirectives as a dependency.

Related:  Data visualisation and Infographics tools