Published
Edited
Mar 4, 2021
md`# The data show how many international flight come to boston and how many people on avergae take the hotel to stay
Data comes from [https://data.boston.gov/dataset/economic-indicators-legacy-portal/resource/29e74884-a777-4242-9fcc-c30aaaf3fb10]
Abstraction:
This gives an insight on how much the hotel are being used by the travellers and if there is any economic development necessecary in the hotel sector.
Result:
`
html`<img src="<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:Roboto,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:414px;"><div style="padding:0;margin:0;text-align:left;"><a href="http://www.gettyimages.in/detail/165615320" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a></div><div style="overflow:hidden;position:relative;height:0;padding:100% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/165615320?et=q3xzFnUSSbtJOZDCAjC6Cg&tld=in&sig=riWg1SG8AthoSJi9krfdEdcdAft-0aZpqpkbBBfyelA=&caption=true&ver=1" scrolling="no" frameborder="0" width="414" height="414" style="display:inline-block;position:absolute;top:0;left:0;width:100%;height:50%;margin:0;"></iframe></div></div>`
height = 600
viewof attribute = multiAutoSelect(["Year", "Month","logan_intl_flights" , "hotel_avg_daily_rate"])
chart
Data = FileAttachment("economic-indicators.csv").csv()
viewof filtered = navio(Data)
economicindicator = table2Tree (filtered, attribute)
vl.markBar()
.data(Data)
.encode(
vl.y().fieldQ("logan_intl_flights"),
vl.x().fieldT("Month"),
vl.column().fieldT("Year"),
vl.color().fieldN("logan_intl_flights")
)
.render()
import {chart} with {economicindicator as data, height} from "@d3/icicle"
import {navio} from "@john-guerra/navio"
import {table2Tree} from "@john-guerra/table-2-tree"
import { vl } from "@vega/vega-lite-api"
import { multiAutoSelect} from "@john-guerra/multi-auto-select"
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.
