2b:null 2c:["$","title",null,{"children":"Dummy data for visualization projects | Romain Vuillemot | Observable"}] 31:T706,# Dummy data for visualization projects _Using dummy (or mock or fake) data helps to bootstrap a visualization project, to focus on design/visual parts rather than data loading and parsing. It also helps understand the shape of expected data if this part is not settled, yet. I'll report on some ideas I've used to generate such dummy dataset. Please keep in mind there is no intention to arm or counterfeit anything, but rather provide a technical heuristic._ Working on a data(-driven) visualization project requires a plethora of skills, from user studies, design, JavaScript, D3, deployement, etc.. and most importantly data! But data storage, collection preparation, acessibility (API, remote server) are as many distractions that prevent you from focusing on early design decisions that are important especially usually as they will stick for the rest of your project. From my experience building and mentoring a couple of visualization projects, you may need to dummy the dataset you work on (unless of course if is already available, and if so I suggest to copy/paste a couple of lines) What are the benefits of faking data for an early project? - It gets you started _right now_ without waiting for thre actual data - Helps you shape the data schema, types, distribution. - No privacy issues! You can share dummy data without any concern regarding data copyright or anonymity - Useful to test to benchmark with larger datasets, different distributions, data types and eventually missing data Better getting started please make sure you stick to the _[tidy data](https://cran.r-project.org/web/packages/tidyr/vignettes/tidy-data.html)_ principles:

 1. Each variable forms a column.
 2. Each observation forms a row.
 3. Each type of observational unit forms a table.

32:T9af, **Sample datasets** _Such dataset are very common in the data science community_ - [Iris Flower dataset](https://en.wikipedia.org/wiki/Iris_flower_data_set) ([csv](https://raw.githubusercontent.com/uiuc-cse/data-fa14/gh-pages/data/iris.csv))

sepal_length,sepal_width,petal_length,petal_width,species
5.1,3.5,1.4,0.2,setosa
4.9,3,1.4,0.2,setosa
4.7,3.2,1.3,0.2,setosa
4.6,3.1,1.5,0.2,setosa
5,3.6,1.4,0.2,setosa

- [Cars](https://ai.stanford.edu/~jkrause/cars/car_dataset.html.) ([csv](https://gist.githubusercontent.com/noamross/e5d3e859aa0c794be10b/raw/b999fb4425b54c63cab088c0ce2c0d6ce961a563/cars.csv))

"","mpg","cyl","disp","hp","drat","wt","qsec","vs","am","gear","carb"
"Mazda RX4",21,6,160,110,3.9,2.62,16.46,0,1,4,4
"Mazda RX4 Wag",21,6,160,110,3.9,2.875,17.02,0,1,4,4
"Datsun 710",22.8,4,108,93,3.85,2.32,18.61,1,1,4,1
"Hornet 4 Drive",21.4,6,258,110,3.08,3.215,19.44,1,0,3,1
"Hornet Sportabout",18.7,8,360,175,3.15,3.44,17.02,0,0,3,2
"Valiant",18.1,6,225,105,2.76,3.46,20.22,1,0,3,1
"Duster 360",14.3,8,360,245,3.21,3.57,15.84,0,0,3,4

- Individuals [https://www.mockaroo.com/](https://www.mockaroo.com/)

id,first_name,last_name,email,gender,ip_address
1,Gale,Bernardini,gbernardini0@flickr.com,Female,236.165.167.229
2,Ravid,Magnar,rmagnar1@indiegogo.com,Male,127.20.137.234
3,Courtney,Simcox,csimcox2@hp.com,Male,25.250.201.67
4,Farlay,Killeley,fkilleley3@behance.net,Male,211.236.251.254
5,Ambros,Godier,agodier4@i2i.jp,Male,198.226.197.211
6,Melicent,Ahren,mahren5@thetimes.co.uk,Female,128.171.235.98
7,Freedman,Paullin,fpaullin6@posterous.com,Male,10.133.34.122
8,Jabez,Jonsson,jjonsson7@comsenz.com,Male,173.77.112.108

- [Stocks data](https://raw.githubusercontent.com/LyonDataViz/MOS5.5-Dataviz/master/data/stocks.csv)

symbol,date,price
MSFT,Jan 2000,39.81
MSFT,Feb 2000,36.35
MSFT,Mar 2000,43.22
MSFT,Apr 2000,28.37
MSFT,May 2000,25.45
MSFT,Jun 2000,32.54
MSFT,Jul 2000,28.4
MSFT,Aug 2000,28.4
MSFT,Sep 2000,24.53

**What not to do** - Stick too long to the same dataset, then the visualization might get too specific - Forget to explore the actual dataset being used to find interesting patterns, properties, semantic, .. - The generated dataset can then be aggregated, filtered, reduced, etc. as a regular dataset **Other** - https://www.kelp.nyc/ - https://tuftsvalt.github.io/snowcat/ - https://amnesia.openaire.eu/ - https://github.com/jiananlu/faked_csv - API testing https://reqres.in/ 33:[] 2f:{"id":"709b21e2f09b99fa","slug":"dummy-data-for-visualization-projects","title":"Dummy data for visualization projects","thumbnail":"5d46115a1d293ad7992c8fbf22e1f972c7b475ca2dffd87c3beb758c2d3093cd","access_level":"public","create_time":"$D2021-01-04T05:54:56.529Z","update_time":"$D2022-01-14T13:31:50.031Z","view_time":null,"first_public_time":"$D2021-01-12T16:46:47.637Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"ae8b6fc79ca6fd4b","login":"romsson","name":"Romain Vuillemot","avatar_url":"https://avatars-next.observableusercontent.com/3b127750f8c67597cf2e60d4296f87cde15f59cdb4d1853063922cce5489fb4b","tier":"starter_2024"},"version":124,"publish_version":124,"role":null,"authored":false,"authors":[{"type":"individual","id":"560201c9c61a188e","login":"romsson","name":"Romain Vuillemot","avatar_url":"https://avatars-next.observableusercontent.com/3b127750f8c67597cf2e60d4296f87cde15f59cdb4d1853063922cce5489fb4b","tier":null}],"members":[{"type":"individual","id":"560201c9c61a188e","login":"romsson","name":"Romain Vuillemot","avatar_url":"https://avatars-next.observableusercontent.com/3b127750f8c67597cf2e60d4296f87cde15f59cdb4d1853063922cce5489fb4b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"d7457b1dd8b20472","slug":"visualisation-interactive","title":"visualisation-interactive","owner":{"id":"ae8b6fc79ca6fd4b","login":"romsson","name":"Romain Vuillemot"}},"type":"notebook","body":{"title":"Dummy data for visualization projects","cells":[{"id":111,"value":"$31","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":0,"value":"## Basic dummy data\n\n**Static Data Array** \n\n

▷ [12, 23, 20, 10]

\n\n++ quick to write, copy/paste, you can add any information in the array (objects, etc.)
\n-- static data, not very complex.\n\n\n**Variable-length Array** \n\n

Array.from({length: 10}).map((d, i) => i)\n\n▷ Array(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

\n\n++ length is now a parameter.
\n-- need to map values (otherwise undefined by default).\n\n\n**Randomize data** \n\n

Array.from({length: 10}, Math.random)

\n\nPros: values are random using [d3-random](https://observablehq.com/@d3/d3-random).\n\nCons: random distribution.\n\n\n**Aggregate data** \n\n

bins = d3.bin().thresholds(40)(data)

\n\nPros: groups large random dataset into a few categories and provide a quantity (count)\n\nCons: now two datasets, and need to find the right distribution and parameters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":69,"value":"iris = d3.csv(\"https://raw.githubusercontent.com/uiuc-cse/data-fa14/gh-pages/data/iris.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"Array.from({length: 10}).map((d, i) => i)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"Array.from({length: 10}).map(d3.randomNormal(0.4, 0.1))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":45,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"$32","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":95,"value":"md`\nTODO\n- Add Les miserables for node/link example\n- Nested datasets\n- Aggregated datasets\n- Temporal data\n- De-aggregate data\n- Int32Array.of(1, 2, 3, 4),\n- Float64Array.of(5, 6, 7, 8)\n- d3.group\n- d3.rollup\n- Time parse/format\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"