Difference between revisions of "Talk:Lesson05"
| Line 21: | Line 21: | ||
==US Economic Census Treemap== | ==US Economic Census Treemap== | ||
The following article demonstrated the use of Treemap to show insights from the data on the US Economy and briefly mentioned applications which can draw Treemap. The article also proposed useful various hierarchical structures for different contexts. For example, when visualizing student performance data, the following hierarchical structure is proposed | The following article demonstrated the use of Treemap to show insights from the data on the US Economy and briefly mentioned applications which can draw Treemap. The article also proposed useful various hierarchical structures for different contexts. For example, when visualizing student performance data, the following hierarchical structure is proposed | ||
| − | + | * Subjects -> Units -> Lessons | |
| − | In this particular context, the classroom time can be illustrated with the size measure while the grade can be illustrated with the color measure. Thus, it provided a good starting point in terms of initiating the analytical process for beginners like us. | + | In this particular context, the classroom time can be illustrated with the size measure while the grade can be illustrated with the color measure. Thus, it provided a good starting point in terms of initiating the analytical process for beginners like us.<br> |
| − | The author then used data from 1997 to 2002 US Economic Census and illustrated it in a Treemap. The use of the Treemap in this context was an intelligent one. At one glance, the reader is able to draw 2 quick facts with regards to the US economy from 1997 to 2002. Firstly, the reader can know that Health Care and Social Assistance, Retail Trade and Manufacturing sectors are the top 3 contributors of the US economy. Secondly, the reader is able to understand that the Manufacturing sector has been facing a decline over the years. | + | The author then used data from 1997 to 2002 US Economic Census and illustrated it in a Treemap. The use of the Treemap in this context was an intelligent one. At one glance, the reader is able to draw 2 quick facts with regards to the US economy from 1997 to 2002. Firstly, the reader can know that Health Care and Social Assistance, Retail Trade and Manufacturing sectors are the top 3 contributors of the US economy. Secondly, the reader is able to understand that the Manufacturing sector has been facing a decline over the years.<br> |
However, there is one feedback which I have on this particular Treemap. Some of the labels are not fully printed, instead, some of them were truncated and replaced with “…”. This will cause poor readability of the chart. As Prof had mentioned in the Webex, we should avoid truncation of the labels in data visualization. There is no meaning if the reader is unable to understand what the label is trying to say. This will only confuse the reader. Thus, in light of such a situation, we should avoid printing the label. Alternatively, we can resize the entire chart so that the major/all labels can be printed on the chart (this may not be applicable in some cases). | However, there is one feedback which I have on this particular Treemap. Some of the labels are not fully printed, instead, some of them were truncated and replaced with “…”. This will cause poor readability of the chart. As Prof had mentioned in the Webex, we should avoid truncation of the labels in data visualization. There is no meaning if the reader is unable to understand what the label is trying to say. This will only confuse the reader. Thus, in light of such a situation, we should avoid printing the label. Alternatively, we can resize the entire chart so that the major/all labels can be printed on the chart (this may not be applicable in some cases). | ||
| − | -Tan Kee Hock | + | <br>-Tan Kee Hock |
Revision as of 01:14, 12 September 2016
10 Lessons in Treemap Design
This article really strikes me. I have to disagree with some of the treemap designs that the author has stated in the treemap. For the 2nd point where he stated that space matters, the author stated that having category would distort labelling. I disagree with the author, and further think that It would in fact aid the user. The picture illustration that he gave shows a white borders to group a category together. The picture actually gave me a clearer indication of the various groups and do not distort the sizes. This was due to the (different coloured) borders showing me a clear indication of the different groups. Another example of a good use of spacing between the various categories is a graphic made by the New York Times. http://www.nytimes.com/imagepages/2007/02/25/business/20070225_CHRYSLER_GRAPHIC.html
For the 4th point, the author stated that the labels must stand-out against treemap colours. This statement is dependent on the colours and how the labels are used. Even if you use colours that would contrast with the treemap colours and the labels. If everything is cluttered as shown in the example, it would still make the diagram look messy and undesirable. Lastly, creating a glow around the label as stated by the author may not always work.
-Ong Ming Hao
Treemap in D3
The following blog shows how treemap is done by D3. The cool thing about this web is that the treemap on the web is as interactive as the tree map in Tableau. In addition, the transition between selections is amazing, showing the resizing of the boxes. http://bl.ocks.org/tgk/6044254 Thinking that this might be useful for some of our projects.
Treemap is definitely a powerful analytical technique. However, initially it striked me as too complicated. Only after listening to prof., I started to realize the power of it. Nevertheless, without much previous experience and interactions, users might just be confused. Hence, when we intend to use such a powerful tool, keep in mind to add legend explaining what represents which. For instance, the bigger the size, the larger the sales. And the darker the color, the higher the price. Tableau seems to miss out the size legend. Here is an example of how NYTimes defines the meaning of the box size as well as the color of its treemap. http://www.nytimes.com/interactive/2008/09/15/business/20080916-treemap-graphic.html
-Nguyen Duy Loc
US Economic Census Treemap
The following article demonstrated the use of Treemap to show insights from the data on the US Economy and briefly mentioned applications which can draw Treemap. The article also proposed useful various hierarchical structures for different contexts. For example, when visualizing student performance data, the following hierarchical structure is proposed
- Subjects -> Units -> Lessons
In this particular context, the classroom time can be illustrated with the size measure while the grade can be illustrated with the color measure. Thus, it provided a good starting point in terms of initiating the analytical process for beginners like us.
The author then used data from 1997 to 2002 US Economic Census and illustrated it in a Treemap. The use of the Treemap in this context was an intelligent one. At one glance, the reader is able to draw 2 quick facts with regards to the US economy from 1997 to 2002. Firstly, the reader can know that Health Care and Social Assistance, Retail Trade and Manufacturing sectors are the top 3 contributors of the US economy. Secondly, the reader is able to understand that the Manufacturing sector has been facing a decline over the years.
However, there is one feedback which I have on this particular Treemap. Some of the labels are not fully printed, instead, some of them were truncated and replaced with “…”. This will cause poor readability of the chart. As Prof had mentioned in the Webex, we should avoid truncation of the labels in data visualization. There is no meaning if the reader is unable to understand what the label is trying to say. This will only confuse the reader. Thus, in light of such a situation, we should avoid printing the label. Alternatively, we can resize the entire chart so that the major/all labels can be printed on the chart (this may not be applicable in some cases).
-Tan Kee Hock
