25
DataArt Project : Data visualised in creative & informative way polasta*

Dataart

Embed Size (px)

Citation preview

Page 1: Dataart

DataArt Project: Data visualised in creative & informative way

polasta*

Page 2: Dataart

Contents

0102030405

About InfographicsAbout DataArt (with BBC Backstage)

Visualized ResultsData Sources & CodingsDataArt & Interactive Design

Page 3: Dataart

About Infographics01

Data / Informa-tion

Graphic Visual Representation

Page 4: Dataart

About Infographics01

INFOmational GRAPH-ICsAlso called DATA VISUALIZA-

TIONINFORMATION DESIGNINFORMATION ARCHITEC-TURE

Page 5: Dataart

About Infographics01

What you can see in the newspaper…

Page 6: Dataart

About Infographics01

Lascaux Cave Paint-ings(Around B.C. 15000)

Pie chart from Playfair'sStatistical Breviary (1801)

Page 7: Dataart

About Infographics01

Polar area diagram by Florence Nightingaleillustrating causes of mortality during the Crimean War (1857).

Page 8: Dataart

About Infographics01

Prof. Edward Tufte (1942~)

“good data visualizations represent every data point accurately and enable a viewer to see trends and patterns in the data.”

Page 9: Dataart

About Infographics01

• Macro/Microscopic Expression• Division and Layering• Comparing and Contrast• Casuality• Narrative

Page 10: Dataart

About DataArt (with BBC Backstage)02

+

Page 11: Dataart

About DataArt (with BBC Backstage)02

Data / Informa-tion

Graphic Visual Representation

→Governmental/

Non-Governmen-tal

Institutions &News Agencies

From GeneralPopulation

(Survey/Census)With implement

decisions

OPEN INTO PUB-LIC

(Open source data)public engagement

foster creativity

Page 12: Dataart

About DataArt (with BBC Backstage)02

Data / Informa-tion

Graphic Visual Representation

→Open-SourceData ProjectNews, Music, Articles,

Video DataEngagement

DataArt→

Page 14: Dataart

Visualized Results – Weyeser Exploer03

Page 16: Dataart

Visualized Results – NewsTraces03

Page 17: Dataart

Visualized Results –World Events Visualizer

03

Page 18: Dataart

Visualized Results – News Globe03

Page 19: Dataart

Visualized Results – TV Related Con-tents03

Page 20: Dataart

Visualized Results – Flared Music03

Page 21: Dataart

Visualized Results – SearchWeb03

Page 22: Dataart

Data Sources & Codings04

Data Sources• Scraped Data Set• Data API• RSS Feed

→Coding for Data Align-ment• Python• Javascript• Flash Actionscript /

Flex

Page 23: Dataart

Data Sources & Codings04

→Interactivity• User Input box• Text-Reading Script• Buttons and Links

→Coding for Visualiza-tion• Javascript• Flash Actionscript /

Flex

Page 24: Dataart

DataArt & Interactive Design05

→ →→ →

→→→

Page 25: Dataart

DataArt Project: Data visualised in creative & informative way

Thank you for watching.