User Groups


  • students / mechatronic interessted poeple
  • no computer science background
  • eventualy progamming basics (Processing)
  • can connect sensors and actuators to Arduino only with detailed instructions
  • Unterstands datagraphics faster than raw data from measuring device or serial monitor.
  • the main interest is the replicability of the sensor values, not only the raw data.

Designer / Interface Developer / Prototyping

  • has experience with Arduino, has projects more times a month
  • Basics in Programming (Arduino, Processing, VVVV )
  • rare computer science background, but has the knowledge to incorporate fast in some themes
  • interested in the meassured value and a fast understandable datagraphic

Mechatronics Engineer

  •  important for him is the measured value and the circumstances more than graphics
  • would use the Library only for private projects
  • programms more in C than in Arduino or Processing

Programmer / Software Developer

  • Computer science background
  • interessed in raw sensor data
  • mostly don’t know or don’t use Processing or Arduino IDE
  •  realizes projects of the mechatronics engineers

first attempt of graphical design

In the following you will see the implementation of your research (the parameters and infographics). We will explore more the design and add more details.

Some content issues to solve:
color management (elements and background)
dimensions of the elements
the relationships of the elements to each other
differentiation of sensor and actuator elements
font management (type)
different sets of elements for diverse usage

After solving this issues our next approach is to implement the graphic design in processing.

line graph

“Line graphs are a family of graphs that display quantative information by means of lines. They are extremly versatile and therefore are used extensively.” (p.207)

major types of lines:
(image from p.207)


positive and negative values:
(image from p.207)


needle graph:
“On this type of graph, a seperate vertical line is used to designate each individual data point. The top of the vertical lines designate the actual data points. Such graphs are often used when many successive data points are to be plotted at uniform intervals.” (p.247)
(image from p.247)


stepped frequency graph:
(image from p.192)


jump line graph:
(image from p.202)


Source of images and information:
Information Graphics – a comprehensive illustrated reference by Robert L. Harris, p. 192/202/207/274, Oxford University Press, 1999 New york.

pie chart

“Their major purpose is to show the relative sizes of components to one another and to the whole. [...] A pie chart consists of a circle devided into wedge-shaped segments. The area of each segement [...] is the same percent of the total circle as the data element it represents is of the sum of all the data elements in its data set. [...] With rare exceptions, negative numbers cannot be displayed on pie charts. Percentages over 100% can be used but rarely are .” (p.281)

(image from p.281)


label positioning:
(image from p.282)


changes over time:
(image from p.282)


grouping of segments:
(image from p.284)


pie chart used as a histogram:

(image from p.284)


encoding an additional quantative variable:
s285_pieChart4_1 s285_pieChart4_2

(image from p.285)



donut chart:“A donut chart is a pie chart with an area blanked out in the center so information such as the overall value of all the pieces of the pie can be shown.” (p.142)
(image from p.142)



Source of images and information:
Information Graphics – a comprehensive illustrated reference by Robert L. Harris, p. 142/281/282/284/285, Oxford University Press, 1999 New york.