In [1]:
!pip install altair vega_datasets

Requirement already satisfied: altair in c:\users\colto\anaconda3\lib\site-packages (5.1.2)
Requirement already satisfied: vega_datasets in c:\users\colto\anaconda3\lib\site-packages (0.9.0)
Requirement already satisfied: toolz in c:\users\colto\anaconda3\lib\site-packages (from altair) (0.11.2)
Requirement already satisfied: numpy in c:\users\colto\anaconda3\lib\site-packages (from altair) (1.21.5)
Requirement already satisfied: jsonschema>=3.0 in c:\users\colto\anaconda3\lib\site-packages (from altair) (4.4.0)
Requirement already satisfied: typing-extensions>=4.0.1 in c:\users\colto\anaconda3\lib\site-packages (from altair) (4.8.0)
Requirement already satisfied: jinja2 in c:\users\colto\anaconda3\lib\site-packages (from altair) (2.11.3)
Requirement already satisfied: pandas>=0.25 in c:\users\colto\anaconda3\lib\site-packages (from altair) (1.4.2)
Requirement already satisfied: packaging in c:\users\colto\anaconda3\lib\site-packages (from altair) (21.3)
Requirement already satisfied: pyrsistent!=0.17.0,!=0.17.1,!=0.17.2,>=0.14.0 in c:\users\colto\anaconda3\lib\site-packages (from jsonschema>=3.0->altair) (0.18.0)
Requirement already satisfied: attrs>=17.4.0 in c:\users\colto\anaconda3\lib\site-packages (from jsonschema>=3.0->altair) (21.4.0)
Requirement already satisfied: python-dateutil>=2.8.1 in c:\users\colto\anaconda3\lib\site-packages (from pandas>=0.25->altair) (2.8.2)
Requirement already satisfied: pytz>=2020.1 in c:\users\colto\anaconda3\lib\site-packages (from pandas>=0.25->altair) (2021.3)
Requirement already satisfied: six>=1.5 in c:\users\colto\anaconda3\lib\site-packages (from python-dateutil>=2.8.1->pandas>=0.25->altair) (1.16.0)
Requirement already satisfied: MarkupSafe>=0.23 in c:\users\colto\anaconda3\lib\site-packages (from jinja2->altair) (2.0.1)
Requirement already satisfied: pyparsing!=3.0.5,>=2.0.2 in c:\users\colto\anaconda3\lib\site-packages (from packaging->altair) (3.0.4)
In [2]:
import altair as alt
In [3]:
chart1 = alt.Chart.from_dict({
    "data":{"url":"https://raw.githubusercontent.com/UIUC-iSchool-DataViz/is445_data/main/bfro_reports_fall2022.csv"},
    "mark":"bar",
    "width":600,
    "encoding":{
    "x":{"bin":True,"field":"humidity", "type":"quantitative", "title":"Humidity_Levels"},
    "y":{"field":"state", "type":"ordinal"},
    "color":{"aggregate":"count","type":"quantitative"}
  } 
    
})
In [4]:
chart1
Out[4]:
In [5]:
myJekyllDir = '/Users/colto/ckeiser2.github.io/assets/json/'
In [6]:
chart1.properties(width='container').save(myJekyllDir+'chart1.json')
In [7]:
chart2 = alt.Chart.from_dict({
    "data":{"url":"https://raw.githubusercontent.com/UIUC-iSchool-DataViz/is445_data/main/bfro_reports_fall2022.csv"},
    "mark":"bar",
    "width":600,
    "encoding":{
    "x":{"bin":True,"field":"precip_probability", "type":"quantitative", "title":"Chance of Rain %"},
    "y":{"field":"state", "type":"ordinal"},
    "color":{"aggregate":"count","type":"quantitative"}
  } 
    
})
In [8]:
chart2
Out[8]:
In [9]:
chart = alt.HConcatChart(hconcat=[chart1,chart2])
In [10]:
chart
Out[10]:
In [11]:
chart.save(myJekyllDir + 'Humidity_ChanceofRain_Dashboard.json')
In [12]:
brush = alt.selection_interval(encodings=['x','y'])
In [13]:
chart1 = alt.Chart.from_dict({
    "data":{"url":"https://raw.githubusercontent.com/UIUC-iSchool-DataViz/is445_data/main/bfro_reports_fall2022.csv"},
    "mark":"bar",
    "width":600,
    "encoding":{
    "x":{"bin":True,"field":"humidity", "type":"quantitative", "title":"Humidity_Levels"},
    "y":{"field":"state", "type":"ordinal"},
    "color":{"aggregate":"count","type":"quantitative"}
  } 
    
}).add_selection(
    brush
)

C:\Users\colto\anaconda3\lib\site-packages\altair\utils\deprecation.py:65: AltairDeprecationWarning: 'add_selection' is deprecated. Use 'add_params' instead.
  warnings.warn(message, AltairDeprecationWarning, stacklevel=1)
In [14]:
chart2 = alt.Chart.from_dict({
    "data":{"url":"https://raw.githubusercontent.com/UIUC-iSchool-DataViz/is445_data/main/bfro_reports_fall2022.csv"},
    "mark":"bar",
    "width":600,
    "encoding":{
    "x":{"bin":True,"field":"precip_probability", "type":"quantitative", "title":"Chance of Rain %"},
    "y":{"field":"state", "type":"ordinal"},
    "color":{"aggregate":"count","type":"quantitative"}
  } 
    
}).transform_filter(
    brush
)
In [15]:
chart = chart1 | chart2
In [16]:
chart
Out[16]:
In [17]:
chart.save(myJekyllDir + 'side_by_side_humidity_RainChance.json')
In [ ]:
In [ ]:
In [ ]: