Gallery · mbostock/d3 Wiki. Wiki ▸ Gallery Welcome to the D3 gallery! More examples are available for forking on Observable; see D3’s profile and the visualization collection. Please share your work on Observable, or tweet us a link! 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.
Carrot Search: FoamTree: Physics-inspired tree map. SpaceTree. Disi.unitn.it/~p2p/RelatedWork/Matching/a10-katifori.pdf. Sunsite.informatik.rwth-aachen.de/Publications/CEUR-WS/Vol-529/owled2009_submission_9.pdf. VIZoSPHERE (launched) Navigator. Calculatrice Sémantique en flash. Treevis.net. D3.js - Data-Driven Documents. Relation browser. This radial browser was designed to display complex concept network structures in a snappy and intuitive manner. It can be used to visualize conceptual structures, social networks, or anything else that can be expressed in nodes and links. CIA world factbook demo This demo displays the relations of countries, continents, languages and oceans found in the CIA world factbook database.
Click the center node for detail information or click adjacent nodes to put them in the center. The arrows on the top left can be used to navigate your click history. Use the dropdown in the upper right to directly access nodes by name. Open source You can download a preliminary Open Source version of the software here: Relation browser source code Note that the code is already a couple of years old, so it is programmed in Actionscript 1. I am currently porting the (quite old) code to Actionscript 3 using the flare framework. Alternatives You might also want to take a look at. Elastic lists. Background: Facet Browsing Facet browsers make different aspects of the underlying data accessible in parallel. Selecting one of the metadata values, and thus filtering the result set, restricts the available metadata values only to those occurring in the results.
Consequently, the user is visually guided through an iterative process of query refinement and expansion, never encountering situations with zero results. Facet browsing applications impose no restrictions, in which order, or in which granularity filters are applied on a result set. This equal treatment of multiple dimensions differs from, e.g. typical web site structures or file systems, where a single taxonomy is the pre–dominant organization principle, and other metadata are only supplements for sorting or filtering. Elastic Lists Elastic lists the navigation principle of facetted browsing, but enhance the information presentation with respect to the following features: Visualize weight proportions Animated transitions.