Menu

Span Chart

In this tutorial, we’ll demonstrate how to draw a Span Chart in Glimpse to visualize the value ranges between a group of companies.

First, add in the data from the table below:

Company Name Max Value ($) Min Value ($)
Hamilton 2450 750
Jones 5200 2200
Silverman 5400 4700
Sepulveda 6700 5300
Langlois 4700 3250
Asuncion 6550 3600


Then, in the Inspector panel under Visual > Mark set the Mark type to Bar.

image1


Drag the quantitative field Min Value ($) into the X encoding.

image2


Then, drag the other quantitative field Max Value ($) into the X2 encoding.

image3


The nominal field Company Name needs to be dragged into the Y encoding.

image4


This concludes this tutorial on drawing a Span Chart. If you want to further customize your chart, please read the documentation.