# Live demos

> The same Gapminder data (life expectancy, GDP per capita and population for 142 countries, 1952–2007) in the same three views, built with 6 libraries: GDP per capita vs life expectancy by year; life expectancy over time for one country; a world map of one metric for one year.

## Drawn in the browser

- [Apache ECharts](https://awesomedataviz-demo-js-gallery.on.do.cloudish.ai/echarts.html) ([tool page](https://awesomedataviz.com/tools/echarts/), [source](https://github.com/hal9ai/awesome-dataviz/blob/main/demos/js-gallery/site/echarts.html))
- [Chart.js](https://awesomedataviz-demo-js-gallery.on.do.cloudish.ai/chartjs.html) ([tool page](https://awesomedataviz.com/tools/chart-js/), [source](https://github.com/hal9ai/awesome-dataviz/blob/main/demos/js-gallery/site/chartjs.html)): Core Chart.js has no maps; the map uses the chartjs-chart-geo plugin.
- [Plotly.js](https://awesomedataviz-demo-js-gallery.on.do.cloudish.ai/plotly.html) ([tool page](https://awesomedataviz.com/tools/plotly-js/), [source](https://github.com/hal9ai/awesome-dataviz/blob/main/demos/js-gallery/site/plotly.html))

## Rendered on a server

- [Matplotlib](https://awesomedataviz-demo-matplotlib.on.do.cloudish.ai/) ([tool page](https://awesomedataviz.com/tools/matplotlib/), [source](https://github.com/hal9ai/awesome-dataviz/tree/main/demos/matplotlib)): A Flask server redraws each chart as SVG when an input changes.
- [Shiny for R](https://awesomedataviz-demo-shiny-r.on.do.cloudish.ai/) ([tool page](https://awesomedataviz.com/tools/shiny/), [source](https://github.com/hal9ai/awesome-dataviz/tree/main/demos/shiny-r)): Charts drawn with ggplot2 and rendered in R on the server.
- [Streamlit](https://awesomedataviz-demo-streamlit.on.do.cloudish.ai/) ([tool page](https://awesomedataviz.com/tools/streamlit/), [source](https://github.com/hal9ai/awesome-dataviz/tree/main/demos/streamlit)): Charts drawn with Altair, which Streamlit ships with.

## Add a demo for your library

Give a coding agent this prompt, with the library name in place of LIBRARY:

> Add a live demo of LIBRARY to Awesome Dataviz: follow https://github.com/hal9ai/awesome-dataviz/blob/main/demos/README.md to build the Gapminder demo in a new demos/ folder, deploy it to cloudish.ai to test it, and open a pull request to hal9ai/awesome-dataviz with the live URL.

Source: https://awesomedataviz.com/demos/ · Content: CC BY 4.0, Awesome Dataviz (https://awesomedataviz.com).