- Hung Do; CS725:Information Visualization; Spring 2016;
- Computer Science; Old Dominion University
Using D3 to create visualizations. Detail: /hungvietdo/2c38eed928999266bf0b/example/
I used Tableau to create visualizations.
- Looking at the x-axis (time) of the chart we can compare the period of each task in a project gantt chart.
- Property of discriminability: there are two bins in this type of chart color (type of task) and the width of task (how long).
- This is channel in magnitude which use area to represent different temperature during the week. The smaller of rectange, the lower of temperature.
- Property of discriminability: size and position of the rectanges. But clearly, these two bins are not quite right for human perception of discirminability.
- This channel use hue color to categorize three different temperature groups (high, mean, min).
- Property of discriminability: hue color and position are used to define the data item.
- Using spatial region to show different groups of temperatures.
- Property of discriminability: size of the data item.
Modified http://code.jquery.com/jquery-latest.min.js to a secure url
Modified http://d3js.org/d3.v3.min.js to a secure url
Updated missing url https://raw.githubusercontent.com/jiahuang/d3-timeline/master/src/d3-timeline.js to https://cdn.jsdelivr.net/gh/jiahuang/d3-timeline/src/d3-timeline.js
https://code.jquery.com/jquery-latest.min.js
https://d3js.org/d3.v3.min.js
https://cdnjs.cloudflare.com/ajax/libs/d3-legend/1.8.0/d3-legend.js
https://raw.githubusercontent.com/jiahuang/d3-timeline/master/src/d3-timeline.js