Data Visualization
Data visualization encodes information as visual elements — position, length, color, and shape — so that patterns, trends, and outliers become perceptible at a glance. It bridges raw numbers and human cognition, turning tables into charts, maps, and dashboards that support faster, more accurate interpretation.
itData engineering and analytics | OpenSkills.info
Course pathWalk it in order
Look it upDip in anytime
Go furtherLeaves this page
Don't Panic
Don't Panic — Data Visualization
Data visualization is the practice of turning values into visible marks so a person can make a comparison without holding a whole table in their head. Tables are excellent at keeping every digit. Charts are excellent at asking the digits to stand in a useful order, which is a less dramatic job than it sounds and far more frequently useful.
The important machinery is small. Data provides observations and fields. A transformation filters, aggregates, calculates, bins, or reshapes them. Marks are the bars, points, and lines that appear after the machinery has done its work. Encodings assign fields to position, length, color, size, or shape. A scale translates values into those visible properties, while axes and legends explain the translation. That is the whole chart grammar. It is also where the gremlins live.
Start with the comparison, not the chart gallery. A bar chart compares discrete categories because its lengths share a baseline. A line chart shows change across continuous time because its connections imply continuity. A scatter plot shows a relationship between two quantitative fields, not a signed confession of causation. A histogram shows a distribution through bins, which means the bin choice gets a vote in the pattern. Charts have opinions only after somebody chooses the question, the data, and the mapping.
The surprising part is that a chart can be perfectly rendered and still answer the wrong question. A monthly mean cannot reveal the daily distribution it replaced. A count can make a larger population look worse than a rate would. A missing value is not automatically zero, no matter how urgently a spreadsheet would like the row to stop being inconvenient. Visual polish cannot repair a definition that disappeared before the first point was drawn.
The Intro explains the vocabulary and the decisions behind a chart. The Slides put the pieces into a compact map: question, data, transform, marks, encodings, scales, and interpretation. The Cheatsheet is for the moment when a baseline, denominator, histogram bin, or color choice has become suspicious. The Practice tab turns that suspicion into a repeatable review, and the Quiz checks whether the comparison survived the journey. The aim is not to make every chart ornate. It is to make the intended comparison visible, honest, and available without a small expedition through hover states.
Where this skill leads
Relevant careers
See how this topic contributes to broader role-level skill maps.
Sources
- https://service-manual.ons.gov.uk/data-visualisation/guidance/principles
Supports
- Data visualization as the use of visual elements to show data
- Exploratory visualization for finding insights and communicative visualization for sharing findings
- Starting from the important comparison and keeping charts focused on needed data
- https://service-manual.ons.gov.uk/data-visualisation/chart-types/choosing-a-chart-type
Supports
- Choosing chart types from the relationship or trend to communicate
- Correlation, deviation, distribution, geography, magnitude, parts of a whole, ranking, and time as common relationships
- Benefits of simple charts, common baselines, and separate views for separate relationships
- https://service-manual.ons.gov.uk/data-visualisation/chart-types
Supports
- Official use guidance for bar, column, line, stacked, map, and small-multiple charts
- Matching chart types to data and the intended trend
- https://service-manual.ons.gov.uk/data-visualisation/chart-types/choropleth-maps
Supports
- Choropleth maps as area shading for geographic values
- Using maps when the intended pattern is geographic
- Standardized rates instead of absolute values when area size or population would distort comparison
- https://service-manual.ons.gov.uk/data-visualisation/guidance/axes-and-gridlines
Supports
- Zero baselines for bars and filled areas
- Consistent scales for comparable charts and explicit care with nonlinear scales
- Axis orientation, bounds, labels, and restrained gridline use
- https://service-manual.ons.gov.uk/data-visualisation/guidance/chart-text
Supports
- Titles, subtitles, units, labels, data sources, footnotes, and alternative text
- Concise chart text and consistent wording between chart and surrounding content
- https://service-manual.ons.gov.uk/data-visualisation/guidance/annotations
Supports
- Annotations for relevant context and specific data points
- Concise annotation text placed near the related evidence
- https://service-manual.ons.gov.uk/data-visualisation/guidance/showing-uncertainty-in-charts
Supports
- Showing uncertainty ranges when they materially affect interpretation
- Confidence and prediction intervals as examples of uncertainty ranges
- Complexity tradeoffs when displaying uncertainty
- https://service-manual.ons.gov.uk/data-visualisation/colours/using-colours-in-charts
Supports
- Color for categories, quantitative values, and emphasis
- Contrast, distinguishability, consistency, and ordered color choices
- https://service-manual.ons.gov.uk/data-visualisation/guidance/interactive-charts-and-animations
Supports
- Filters, controls, tooltips, and other forms of chart interaction
- Starting interactive views with a useful message or orientation
- Keeping interaction focused on important audience needs
- https://service-manual.ons.gov.uk/data-visualisation/guidance/dashboards
Supports
- Dashboards as multiple data views for monitoring a topic
- Suitability for high-level, frequently updated indicators
- Maintenance and audience tradeoffs of dashboard use
- https://www.w3.org/WAI/WCAG22/Understanding/use-of-color
Supports
- Requirement not to use color as the only visual means of conveying information
- Shape or text as additional ways to communicate meaning
- https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast
Supports
- Contrast evaluation for graphical objects required to understand content
- Comparison of meaningful graphical objects with adjacent colors
- https://www.w3.org/WAI/tutorials/images/complex/
Supports
- Charts and graphs as complex images
- Short identification plus a long textual representation of essential information
- https://www.w3.org/TR/WCAG22/
Supports
- Keyboard access, visible focus, text alternatives, and programmatic status requirements for web content
- Accessibility requirements that apply across responsive variations of a page
- https://www.gov.uk/government/publications/the-government-data-quality-framework/the-government-data-quality-framework
Supports
- Data quality as fitness for the intended purpose
- Completeness, uniqueness, consistency, timeliness, validity, and accuracy as quality dimensions
- Documentation, metadata, user needs, quality checks, and transparent communication across the data lifecycle
- https://vega.github.io/vega-lite/docs/spec.html
Supports
- Single-view specifications built from marks and encoding mappings
- Automatic axes, legends, and scales for encoded fields
- Filtering, aggregation, binning, time conversion, and sorting transformations
- https://vega.github.io/vega-lite/docs/encoding.html
Supports
- Encodings as mappings between fields or values and visual channels
- Position, color, size, shape, text, and other encoding channels
- https://vega.github.io/vega-lite/docs/scale.html
Supports
- Scales as mappings from data domains to visual ranges
- Continuous, discrete, and discretizing scale categories
- Automatic and customized scale creation for encoded fields
- https://vega.github.io/vega-lite/docs/bin.html
Supports
- Binning quantitative values into discrete groups
- Bin parameters that control histogram intervals
- https://itl.nist.gov/div898/handbook/eda/section3/histogra.htm
Supports
- Histograms as summaries of a univariate distribution
- Bins, counts, center, spread, skewness, outliers, and multiple modes
- https://itl.nist.gov/div898/handbook/eda/section3/boxplot.htm
Supports
- Box plots as compact summaries of location and variation
- Medians, quartiles, the middle half of observations, and group comparisons
- https://www.itl.nist.gov/div898/handbook/eda/section3/scatterp.htm
Supports
- Scatter plots for revealing relationships between paired variables
- Patterns involving direction, form, strength, and unusual points
- Association as distinct from proof of a causal mechanism
- https://www.tableau.com/
Supports
- Tableau as a visual-analysis platform with authoring and dashboard surfaces
- https://www.microsoft.com/en-us/power-platform/products/power-bi
Supports
- Power BI reporting and pricing tiers
- https://cloud.google.com/looker
Supports
- Looker as a governed analytics product
- https://www.qlik.com/us/products/qlik-sense
Supports
- Qlik Sense as an analytics product
- https://superset.apache.org/
Supports
- Apache Superset as open-source data exploration and visualization software
- https://grafana.com/
Supports
- Grafana visualization and dashboard offerings
- https://www.datavis.ca/milestones/
Supports
- Documented milestones in the history of statistical graphics and data visualization
- https://wellcomecollection.org/works/uxgfjt62
Supports
- John Snow cholera map from the 1855 St James report
- https://archive.org/details/exploratorydataa00tuke
Supports
- John Tukey, Exploratory Data Analysis, 1977
- https://www.edwardtufte.com/book/the-visual-display-of-quantitative-information/
Supports
- Edward Tufte, The Visual Display of Quantitative Information, 1983
- https://link.springer.com/book/10.1007/0-387-28695-0
Supports
- Leland Wilkinson, The Grammar of Graphics, 2005
- https://github.com/d3/d3/releases/tag/v1.0.0
Supports
- D3 version 1.0 release in 2011
- https://idl.uw.edu/papers/vega/
Supports
- Vega declarative visualization grammar
- https://vis.mit.edu/pubs/vega-lite/
Supports
- Vega-Lite grammar of interactive graphics, 2017
