Published
Edited
Nov 25, 2020
exchanges=bitquery(`{
ethereum {
dexTrades( options: {desc: "count" limit: 10}
) {
count
tradeAmount(in:USD)
exchange {
fullName
}
}
}
}`);
viewof simpleBar = vl.markBar() // Make a bar chart
.data(exchanges.ethereum.dexTrades) // Using the received data
.encode(
vl.x().fieldO("exchange.fullName").sort(vl.fieldQ("tradeAmount").order("descending")).title("Exchange"),
vl.y().fieldQ("tradeAmount").title("Trade Amount, $"),
vl.tooltip().fieldQ("tradeAmount")
).width(600)
.render()
amounts_by_months = bitquery(`{
ethereum {
dexTrades( options: {asc: "month.date"}
) {
count
tradeAmount(in:USD)
month: date {
date(format:"%Y-%m")
}
}
}
}`)
viewof amountsByMonthGraph = vl.markBar() // Make a bar chart
.data(amounts_by_months.ethereum.dexTrades) // Using the received data
.encode(
vl.x().fieldO("month.date"),
vl.y().fieldQ("tradeAmount").title("Trade Amount, $"),
vl.tooltip().fieldQ("tradeAmount")
).width(600)
.render()
amounts_by_months_exchanges = bitquery(`{
ethereum {
dexTrades( options: {asc: "month.date"}
) {
count
tradeAmount(in:USD)
month: date {
date(format:"%Y-%m")
}
exchange { fullName }
}
}
}`)
viewof amountsByMonthExchangesGraph = vl.markBar() // Make a bar chart
.data(amounts_by_months_exchanges.ethereum.dexTrades) // Using the received data
.encode(
vl.x().fieldO("month.date"),
vl.color().fieldN("exchange.fullName").title("Exchange"),
vl.y().fieldQ("tradeAmount").title("Trade Amount, $"),
vl.tooltip().fieldN("exchange.fullName")
)
.width(600)
.render()
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.
