Data Art Week 1: Multiple Ways of Visualizing Data


For the first assignment, we were asked to visualize a dataset in (at least) three different ways. The dataset was growth data from the rings of a 421-year-old hemlock tree, and included the year of measurement, raw ring growth data, and a growth index.

I worked with the JSON format of the dataset. I was definitely much more rusty on my coding skills than I expected, and so I wasn’t able to add interactivity into any of my examples, which was a bit of a disappointment.

For my first visualization, I used the year and the growth index. I used the map() function to fit the year data along the x-axis of the canvas, and then created ellipses with diameters proportional to the growth index of that year.

For my second visualization, I chose to use year and the raw ring growth values. I mapped each year’s raw growth as the height of a bar in a bar chart, and gave each a distinct color from a random array. I lowered the alpha value to show overlapping colors.


For my third visualization, I kept the exact same data (year and raw growth in mm) but instead inverted the bar charts, thinned out each bar, and used grayscale. I did the same thing using the growth index to compare the shape of the graphs, which were (expectedly) similar.

For my fifth visualization, I again used year and raw-ring data. I really liked the way the colored lines looked in the second example, so I used the same random coloration of the ellipses that formed the tree-ring-like image. The thickness of the color represents the raw ring growth in millimeters, that year.

The code for each of the examples can be found here:
Example 1

Example 2

Example 3

Example 4

Example 5

Caroline NeelComment