Background
Data visualization and infographics represent distinct concepts that should not be conflated.
Infographics serve as instruments for examining datasets or comprehending intricate information through bespoke visual components. The removal of these visual elements results in the loss of significant portions of information, if not all, unless supplemented by explanatory text (Önduygu, 2015). Infographics represent complex entities, ideas, or processes using visual structures, either directly or indirectly via diagrams and similar means.
Blank container
Conversely, data visualizations employ attributes such as size and position of abstract visual elements to depict datasets, facilitating intuitive comprehension of extensive data tables, identification of notable patterns, and the generation of novel insights. Color is often utilized for communicative purposes in information visualization, such as categorization through color-coding (Önduygu, 2015).
Blank container
Blank container
Blank container
Blank container
Case Study
- Find or create a table of data using Microsoft Excel or Google Sheets. Starwars Characters
- Export the data as
.csv
file. - Use one of the examples provided at Sources & Tutorials section to start visualize the data you gathered.
Sources & Tutorials
- p5 js Working with Basic Data + CSV Files - YouTube The easiest way to start reading data from remote URL.
- Week 06: Data Visualization | Creative Coding Spring 2025 Online Check the Helpful Resources and Coding Examples sections.
- Data Visualization - YouTube A walk through on how to find free data sources such as governmental web sites, etc…
- Habit Tracker Visualization by Pat Vitra
Showcase From Students
Blank container
Fatma İmran, Link to p5JS code
Blank container
datavis casestudy Books by alptugan -p5.js Web Editor, Books
Blank
Life time expiration by Tutku Çalış, datavis-lifetime-case-3 by alptugan -p5.js Web Editor
Blank
McDonals Data by Darya Mahçup, datavis-mcdonals-case 4
Blank
Cat Breeds by Melis, p5.js Web Editor | datavis-melis-cat-creeds-case 5
References
Deniz Cem Önduygu, Twitter, Webpage
Önduygu, D. C. (2011). Metallica on Stage - Deniz Cem Önduygu
Önduygu, D. C. (2015). Redefining Infographics - Deniz Cem Önduygu
Önduygu, D. C. (2018). History of Philosophy Updated - Deniz Cem Önduygu
Önduygu, D. C. (2019). My 2008–2018 in Music - Deniz Cem Önduygu
Önduygu, D. C. (2024). 2024 Yerel Seçimi: Nasıl Görselleştirmeli? - Deniz Cem Önduygu