Horizon Chart
   HOME

TheInfoList



OR:

A horizon chart or horizon graph is a 2-dimensional
data visualization Data and information visualization (data viz/vis or info viz/vis) is the practice of designing and creating Graphics, graphic or visual Representation (arts), representations of a large amount of complex quantitative and qualitative data and i ...
displaying a quantitative data over a continuous interval, most commonly a time period. The horizon chart is valuable for enabling readers to identify trends and extreme values within large datasets. Similar to sparklines and
ridgeline plot A ridgeline plot (also known as a joyplotThe name Joyplot is derived from the use of a Ridgeline plot of the intensity of pulses from a pulsar on the front of Joy Division Joy Division were an English Rock music, rock band formed in Salford ...
, horizon chart may not be the most suitable visualization for precisely pinpointing specific values. Instead, its strength lies in providing an overview and highlighting patterns and outliers in the data.


History

The technique of constructing the horizon chart from an
area chart An area chart or area graph displays graphically quantitative data. It is based on the line chart. The area between axis and line are commonly emphasized with colors, textures and hatchings. Commonly one compares two or more quantities with an a ...
was first developed by Takafumi Saito et al. at the
Tokyo University of Agriculture and Technology The commonly known as TUAT is a national university headquartered in Fuchū, Tokyo, Japan. The university consists of two faculties that provide courses in agriculture and engineering. History The predecessor of the university was founded i ...
in 2005. This technique was referred to as ''two-tone pseudo coloring''. Subsequently, Panopticon Software independently commercialized the procedure and referred to the resulting visualizations as horizon charts.Few, Stephen (2008).
Time on the Horizon
. Perceptual Edge


Overview

The horizon chart is a variation of the area chart. Having established a horizontal axis, negative values are mirrored over the horizontal axis, while positive values retain their position. As an alternative approach, rather than reflecting negative values, they can be shifted so that the smaller value aligns with the horizontal axis. Layers are formed by dividing the areas into equal horizontal intervals and overlaying the resulting bands. Color is an essential visual element in horizon charts. It serves to differentiate positive values from negative values, and its intensity corresponds to the magnitude of the values. Typically, the color of each area in the horizon chart is obtained by overlaying multiple transparent bands, with more intense colors indicating larger values and less intense colors representing smaller values. Horizon charts facilitate a reduction in vertical space, resulting in a more compact chart that resembles a
heat map A heat map (or heatmap) is a 2-dimensional data visualization technique that represents the magnitude of individual values within a dataset as a color. The variation in color may be by hue or intensity. In some applications such as crime analy ...
. This enables the consolidation of a substantial volume of data into a single visualization. The compact nature of the horizon chart enables easy comparison of different data series within a single visualization. It also lends itself well to the creation of small multiples, where multiple horizon charts can be displayed side by side to analyze and compare various datasets simultaneously. This compact design enhances the efficiency and effectiveness of
data analysis Data analysis is the process of inspecting, Data cleansing, cleansing, Data transformation, transforming, and Data modeling, modeling data with the goal of discovering useful information, informing conclusions, and supporting decision-making. Da ...
and interpretation.Reijner, Hannes.
The Development of the Horizon Graph
. Panopticon Software


Chart construction

When creating a horizon chart, the selection of the origin for the vertical axis, which determines the placement of the horizontal axis, is crucial. In most cases, the origin is set to zero. However, this characteristic of the horizon chart can be leveraged to emphasize trends based on an arbitrary value. By selecting a different origin point, such as a specific threshold or benchmark, trends and comparisons can be highlighted in relation to that value. This flexibility allows for the visualization to be tailored to specific analytical needs or to draw attention to particular trends or deviations from a chosen reference point. Once the origin of the vertical axis is determined, the quantitative variable is assigned to the vertical axis, while the continuous variable is assigned to the horizontal axis. The band layering process in a horizon chart involves dividing the range of values for a dataset into equal horizontal intervals and overlaying these bands to create the final chart. This is the main feature of an horizon chart, enabling its compact visualization. The small size of the final visualization, allows the comparison of multiple sets of data in a given series. Regarding the color scheme in a horizon chart, it is common to utilize a diverging color scheme, like red and blue. Red is typically used to represent negative values or values with a negative meaning, while blue is employed to indicate positive values or values with a positive meaning. This color scheme helps visually distinguish between positive and negative values, aiding in the interpretation and understanding of the chart. In their 2005 article, Saito et al. proposed a different approach to color usage in horizon charts. They utilized the concept of discrete coloring, where the range of the function is divided into multiple sequential intervals, and a distinct color is assigned to each interval. This allows for the precise reading of values based on color. Unlike divergent colors (such as red and blue), the focus is on using a continuously changing scale of colors to represent the data accurately. By employing this method, the horizon chart enables readers to interpret specific values based on the assigned colors within the chart.


Implementation

Horizon charts can be created using various
open-source Open source is source code that is made freely available for possible modification and redistribution. Products include permission to use and view the source code, design documents, or content of the product. The open source model is a decentrali ...
tools. These tools provide the necessary functionalities to generate horizon charts from data. Some popular open-source options for creating horizon charts include
D3.js D3.js (also known as D3, short for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of Scalable Vector Graphics (SVG), HTML5, and Cascading Style Sheets (CSS) stan ...
, R and
RAWgraphs RAWGraphs is a web-based open-source data visualization software made in JavaScript. It employs D3.js for the creation of editable visualizations in SVG format. History The project was started in 2013 by a group of researchers of Politecnico d ...
{{Cite web , title=How to make a horizon graph , url=https://www.rawgraphs.io/learning/how-to-make-a-horizon-graph , access-date=2023-07-05 , website=www.rawgraphs.io among others.


See also

*
Data and information visualization Data and information visualization (data viz/vis or info viz/vis) is the practice of designing and creating graphic or visual representations of a large amount of complex quantitative and qualitative data and information with the help of stat ...
*
Area chart An area chart or area graph displays graphically quantitative data. It is based on the line chart. The area between axis and line are commonly emphasized with colors, textures and hatchings. Commonly one compares two or more quantities with an a ...


References


Further reading

* Tufte, Edward (1983). ''The Visual Display of Quantitative Information''. Cheshire, Connecticut: Graphics Press. p. 13. ISBN 0961392142.


External links


FlowingdataDatavis.blog
Statistical charts and diagrams