This is a simple setup of Leaflet (via Mapbox) with d3 to show dots on a map. This can serve as a base for many interesting geographically based visualizations
Nice overview of using d3 + Leaflet. I found this slightly simpler to use than Mike's classic post.
Built with blockbuilder.org
This is a simple setup of Leaflet (via Mapbox) with d3 to show dots on a map. This can serve as a base for many interesting geographically based visualizations
Nice overview of using d3 + Leaflet. I found this slightly simpler to use than Mike's classic post.
Built with blockbuilder.org
forked from enjalot's block: dots on a map: setup-gl
Built with blockbuilder.org
Built with blockbuilder.org
This is a simple setup of Leaflet (via Mapbox) with d3 to show dots on a map. This can serve as a base for many interesting geographically based visualizations
Nice overview of using d3 + Leaflet. I found this slightly simpler to use than Mike's classic post.
Built with blockbuilder.org
forked from enjalot's block: dots on a map: setup-gl
Adapting Kai's parallel coordinates from this example. Built with blockbuilder.org
A visualization of the mean nutrient contents of all 8618 foods in USDA's SR27 Nutrient Database.
This example explores a workflow for dimensions and types as well as support for retina displays.
Data processed with SQLite and Node.js.
Also see the Nutrient Explorer.
Designed by Stephen Few, a bullet chart “provides a rich display of data in a small space.” A variation on a bar chart, bullet charts compare a given quantitative measure (such as profit or revenue) against qualitative ranges (e.g., poor, satisfactory, good) and related markers (e.g., the same measure a year ago). Layout inspired by Stephen Few. Implementation based on work by Clint Ivy, Jamie Love of N-Squared Software and Jason Davies. The "update" button randomizes the values slightly to demonstrate transitions.
| <!doctype HTML> | |
| <meta charset = 'utf-8'> | |
| <html> | |
| <head> | |
| <script src='http://d3js.org/d3.v3.min.js' type='text/javascript'></script> | |
| <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script> | |
| <style> | |
| .rChart { |
Built with blockbuilder.org
The next phase in htmlwidgets will be the ability to communicate with or without Shiny. Joe Cheng from RStudio has demonstrated this with d3scatter using crosstalk. This example extends Joe's example and experiments with d3scatter + parcoords. Currently, the experimental crosstalk-version of parcoords is only wired to send its brushed selection and not receive.
For another example, see Carson Sievert's plotly experiments.
# devtools::install_github("dogobox/crosstalk")