The avatar for @tashapiro
Tanya Shapiro
Independent Data Analytics Consultant, passionate about data visualization and storytelling · she/her 🏳️‍🌈
Public
Edited
Dec 8, 2023
2 stars
Insert cell
Insert cell
teams = [{value: 'ATL', label:'Hawks', img:'https://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/ATL.png'},
{value: 'DEN', label:'Nuggets', img:'https://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/DEN.png'},
{value: 'BOS', label: 'Celtics', img:'https://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/BOS.png'},
{value: 'LAC', label: 'Clippers', img:'https://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/LAC.png'},
{value: 'GSW', label: 'Warriors', img:'https://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/GSW.png'}]
Insert cell
Insert cell
Insert cell
viewof selectedTeams = createInput(teams, 25)
Insert cell
selectedTeams
Insert cell
viewof radios = Inputs.checkbox(['A','B','C'], {label: "Select one", value: "A"})
Insert cell
radios
Insert cell
viewof button = Inputs.button("Select All", {onclick: ()=> viewof radios})
Insert cell
radio
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more