Data Visualization
Authors:
Peter Yochev, Danitsa Andreeva, Plamena Radneva, Ivan Chervenkov
Software Technology and Desig...
Content
●

Patterns Over Time

●

Proportions

●

Relationships

●

Differences
Patterns Over Time
Patterns Over Time
One of the first known
graphics:
Planetary movement
chart, 10th century
Patterns Over Time
The first bar chart,
1786, William Playfair
Patterns Over Time
John Snow’s map of Cholera
outbreaks in the London
epidemic of 1854
Patterns Over Time

Charles Minard’s 1869 chart showing the number of men in
Napoleon’s 1812 infamous Russian campaign arm...
Proportions
There are many options to visualize
data out there, but it may be hard
simply to find the perfect chart or
the...
Using Different ways to visualize data
with proportions
Graphs and charts:
● Pie chart
● Donut chart
● Stacked area chart
...
Pie chart
Pie chart:
● Circular chart divided into sectors
● Illustrates numerical proportions
● Most effective when limit...
Donut chart
Donut chart:
● Functionally similar to pie charts
● Display data in rigs, where each
ring represents data seri...
Stacked area chart
Stacked area chart:
● Graphical display of
quantitive data based on
a line chart
● Uses axis and lines
...
Treemap
Treemap:
● Hierarchical displayed data as
a set of nested rectangles
● Uses branches-rectangles
which tile with sm...
Voronoi diagram
Voronoi diagram:
● Visualize magnitude using
convex polygons
● Uses robust algorithms to
sidestep problems...
Relationships
… Or how to visualize data relationships effectively.
The ‘Foundation’: Entity-Relationship (ER)
diagram
> Can be considered as the
‘base’ of all the charts which
display data ...
The ‘Foundation’: Entity-Relationship (ER)
diagram

Figure 3: Simplified ER Diagram (i.e, displays relationships only
betw...
The ‘Classic’: Scatter Plot chart

Figure 4: Simple Scatter Plot chart showing how two
variables/entities correlate

Figur...
Hierarchy chart

Figure 5: Example of a Hierarchy chart

Figure 6: Same idea, different look
Circle/Radial chart

Figure 7: Radial Cycle chart: Shows the relationship to a
central idea and also how the information i...
Differences
In this lesson I will compare a few charts, which will show you the main
difference between them.
Differences
The first chart is called“apt” chart, which is an addition of the column charts.
Differences
The apt chart:
● has small number of categories
● can use shades of a single color
● easiest way to show all b...
Differences
The next one is the bar chart.
Differences
The bar chart:
● more than 8 but less than 15 categories
● more space for large names
● arranged from lowest t...
Differences
The Line chart:
● when you have a lot of numbers
of data points
● doesn’t show minimum and
maximum
● shows the...
Sources
http://www.dundas.com/blog-post/a-brief-history-of-data-visualization/
http://www.lynda.com/Processing-tutorials/O...
Any questions
Thank you for your
attention
Upcoming SlideShare
Loading in …5
×

Data visualization, FMIIT, STD

751 views
538 views

Published on

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
751
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Data visualization, FMIIT, STD

  1. 1. Data Visualization Authors: Peter Yochev, Danitsa Andreeva, Plamena Radneva, Ivan Chervenkov Software Technology and Design The Paisii Hilendarski University of Plovdiv Plovdiv, January 30, 2014
  2. 2. Content ● Patterns Over Time ● Proportions ● Relationships ● Differences
  3. 3. Patterns Over Time
  4. 4. Patterns Over Time One of the first known graphics: Planetary movement chart, 10th century
  5. 5. Patterns Over Time The first bar chart, 1786, William Playfair
  6. 6. Patterns Over Time John Snow’s map of Cholera outbreaks in the London epidemic of 1854
  7. 7. Patterns Over Time Charles Minard’s 1869 chart showing the number of men in Napoleon’s 1812 infamous Russian campaign army
  8. 8. Proportions There are many options to visualize data out there, but it may be hard simply to find the perfect chart or the perfect graph that can suit your data best. To make your decision clearer and easier there are lots of proportions available.
  9. 9. Using Different ways to visualize data with proportions Graphs and charts: ● Pie chart ● Donut chart ● Stacked area chart ● Treemap ● Voronoi diagram
  10. 10. Pie chart Pie chart: ● Circular chart divided into sectors ● Illustrates numerical proportions ● Most effective when limited components are used ● Most effective when limited components are used
  11. 11. Donut chart Donut chart: ● Functionally similar to pie charts ● Display data in rigs, where each ring represents data series ● Can support multiple statistics at once with its blank center ● Total 100% when percentage is used
  12. 12. Stacked area chart Stacked area chart: ● Graphical display of quantitive data based on a line chart ● Uses axis and lines ● The area between axis and lines are colored and textured to emphasize changes ● Commonly used to represent trends over time
  13. 13. Treemap Treemap: ● Hierarchical displayed data as a set of nested rectangles ● Uses branches-rectangles which tile with smaller subbranches ● Can legibly represent lots of items because of their simple construction
  14. 14. Voronoi diagram Voronoi diagram: ● Visualize magnitude using convex polygons ● Uses robust algorithms to sidestep problems when restricted to rectangles ● Can be found also in technology, science and even in art
  15. 15. Relationships … Or how to visualize data relationships effectively.
  16. 16. The ‘Foundation’: Entity-Relationship (ER) diagram > Can be considered as the ‘base’ of all the charts which display data relationships. Figure 1: ER Diagram legend Figure 2: Elaborated (classic) ER diagram (i.e, contains both entities and properties)
  17. 17. The ‘Foundation’: Entity-Relationship (ER) diagram Figure 3: Simplified ER Diagram (i.e, displays relationships only between entities)
  18. 18. The ‘Classic’: Scatter Plot chart Figure 4: Simple Scatter Plot chart showing how two variables/entities correlate Figure 4: Bubble chart - can be considered as a variation of the Scatter Plot chart.
  19. 19. Hierarchy chart Figure 5: Example of a Hierarchy chart Figure 6: Same idea, different look
  20. 20. Circle/Radial chart Figure 7: Radial Cycle chart: Shows the relationship to a central idea and also how the information in the outer ring contributes to the main idea. Figure 8: Stacked Venn chart: Best used for visualizing overlapping relationships.
  21. 21. Differences In this lesson I will compare a few charts, which will show you the main difference between them.
  22. 22. Differences The first chart is called“apt” chart, which is an addition of the column charts.
  23. 23. Differences The apt chart: ● has small number of categories ● can use shades of a single color ● easiest way to show all bars belong to same data type
  24. 24. Differences The next one is the bar chart.
  25. 25. Differences The bar chart: ● more than 8 but less than 15 categories ● more space for large names ● arranged from lowest to highest ● makes the understanding of the data easier ● connects shape of value faster
  26. 26. Differences The Line chart: ● when you have a lot of numbers of data points ● doesn’t show minimum and maximum ● shows the rate of change of a population ● best fits for showing trend-based visualization ● has only 1 value axis ● shows the population with negative spikes,because of famines or some infections.
  27. 27. Sources http://www.dundas.com/blog-post/a-brief-history-of-data-visualization/ http://www.lynda.com/Processing-tutorials/Overview-data-visualization/97578/113145-4. html http://www.sas.com/offices/NA/canada/downloads/IT-World2013/Data-VisualizationTechniques.pdf http://flowingdata.com/2009/11/25/9-ways-to-visualize-proportions-a-guide/ http://www.slideshare.net/idigdata/data-visualization-best-practices-2013 http://xataface.com/documentation/tutorial/getting_started/first_application http://creately.com/blog/diagrams/er-diagrams-tutorial/ http://book.flowingdata.com/downloads.html http://0.tqn.com/d/spreadsheets/1/0/z/3/-/-/column_chart6.gif http://upload.wikimedia.org/wikibooks/en/2/20/BarChartExampleHorizontal.PNG http://www.tutorial9.net/tutorials/web-tutorials/selecting-the-right-chart-type-for-yourdata/#1
  28. 28. Any questions
  29. 29. Thank you for your attention

×