data-visualisation.md

Data Visualisation
==================

* Animated tutorials/explanations of things
    * [visualrambling.space](https://visualrambling.space/)
        * dithering!

* [Maps Collection: All roads lead to Roam](https://unrollnow.com/status/1820874353598152869)
    * [from X](https://x.com/JamesLucasIT/status/1820874353598152869)

* [Market Map](https://marketmap.one/) - Explore the universe of publicly traded companies in 3D
* Historical [Data Visualization and the Modern Imagination](https://exhibits.stanford.edu/dataviz/)
    * Example of old visualisations from 1900+ as the field grew
    * [Three-dimensional model of electricity consumption in Manchester](https://collection.sciencemuseumgroup.org.uk/objects/co8418916/three-dimensional-model-of-electricity-consumption-in-manchester-chart-graphic-document)

* [Charles Joseph Minard](https://en.wikipedia.org/wiki/Charles_Joseph_Minard)
    * was a French civil engineer recognized for his significant contribution in the field of information graphics in civil engineering and statistics. Minard was, among other things, noted for his representation of numerical data on geographic maps, especially his flow maps
    * The map of Napoleon's Russian campaign

* [idea.org.uk: Data Visualization Online lesson 10min](https://idea.org.uk/badge/data-visualisation)
    * Napoleon map (Minard)
    * pre-attentive visual attributes
        * Length, width, orientation, size, enclosure, color intensity, color hue, curvature, shape, spatial grouping, 2d position

* [Communicating with Interactive Articles](https://distill.pub/2020/communicating-with-interactive-articles/)
    * Web based interactive data concepts explained
    * Examining the design of interactive articles by synthesizing theory from disciplines such as education, journalism, and visualization.

* [Data Visualisation](https://en.wikipedia.org/wiki/Data_visualization)
    * [Information Is Beautiful](https://informationisbeautiful.net/)
        * [TED-Ed: The beauty of data visualization - David McCandless](https://www.youtube.com/watch?v=5Zg-C8AAIGg)
            * For data to mean something, it must have context (relative)
    * [The Data Visualisation Catalogue](https://datavizcatalogue.com/)
    * [xkcd Visualisations](http://www.vislives.com/2011/10/xkcd-visualizations.html)
    * [visualcapitalist.com](https://www.visualcapitalist.com/)
        * https://www.visualcapitalist.com/most-viewed-youtube-videos/
        * https://www.visualcapitalist.com/every-song-with-over-1-billion-spotify-streams/
        * https://www.visualcapitalist.com/music-industry-revenues-by-format/
    * [Bruises — The Data We Don’t See](https://medium.com/@giorgialupi/bruises-the-data-we-dont-see-1fdec00d0036)
        * Artistic humanisation of data though charts and music through a child's illness and feelings
    * [Why scientists need to be better at data visualization](https://www.knowablemagazine.org/article/mind/2019/science-data-visualization)
    * [Unusual maps](https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0002yI)
        * Not directly Computing; but huge variety of interesting visualisations
    * [Vega-Lite](https://vega.github.io/vega-lite/) - Vega-Lite – A Grammar of Interactive Graphics
    * [ripl](https://github.com/andrewcourtice/ripl)
        * > Ripl provides a unified (javascript) API for 2D graphics rendering (SVG, Canvas) in the browser with a focus towards high performance and interactive data visualization. 
* Physical Visualisation
    * [Example of how many earths can fit in the sun](https://www.reddit.com/r/pics/comments/9g5fio/example_of_how_many_earths_can_fit_in_the_sun/?st=JM4IZ1M6&sh=56c0264e)

* [A Day in the Life: Women and Men](https://flowingdata.com/2019/03/06/women-men-timeuse/)
    * Animated time-series data

* [PictoTrade](https://github.com/prototo/StreetsOfDFID/tree/0105a8cde94bd4560b24e178d602675221c732fe)
    * Trade data - compared to other countries
    * Big numbers good (% literacy) .. some big numbers bad (infant mortality)

* [Towards a Theory of Bullshit Visualization](https://research.tableau.com/sites/default/files/altvis-bullshit.pdf)
    * Example of poor visualisations and how people use them to spin false narratives

### examples

* [Mapping Youtube](https://firstmonday.org/ojs/index.php/fm/article/view/10667/9575)
* [All World Languages in One Visualization](https://www.visualcapitalist.com/a-world-of-languages/)

### Algorithms/Drawing
* see [[graphs]]

Tools
-----


### Observable

browser/js live data manipulation and visualization

_Observable_ library [[Demoscene]]

* [observablehq](https://observablehq.com/)
    * [The Joy of Coding: Observable](https://www.software-artist.com/joy-of-coding-observable/)
    * [Observabe examples](https://observablehq.com/collection/@observablehq/instagram-shares)
* [D3.js - DataDrivenDocuments](https://d3js.org/) - a JavaScript library for manipulating documents based on data.

### other (dektop)
https://github.com/facontidavide/PlotJuggler


Paper #papercraft
-----

* [3D functions in BASIC (ZX Spectrum)](https://www.youtube.com/watch?v=-Aw_YiZVu38)
* [Paper and Plotter: A 3D Surface](http://graficaobscura.com/surf/index.html) - 1977


[//begin]: # "Autogenerated link references for markdown compatibility"
[graphs]: graphs.md "Graphs"
[Demoscene]: demoscene.md "Demoscene"
[//end]: # "Autogenerated link references"