Just a guy
viewof chart_events = {
// define our base line chart of stock prices
const rect = vl.markRect()
.title('Events')
.encode(
vl.x().fieldT('Date'),
vl.x2().fieldT('End_date'),
vl.color().fieldN('type').scale({ domain: local_event_check, scheme:'category10'}),
vl.tooltip('event'),
);
const line = vl.markLine().data(local_data)
.encode(
vl.x().fieldT('Date'),
//vl.y().fieldQ('Close').scale({type: 'log'}),
vl.y().fieldQ('Close'),
vl.color().fieldN('Symbol').scale({ domain: local_ticker_check, scheme:'category10'}),
vl.tooltip('Close'),
);
return vl.data(local_event_data)
.layer(
line, rect
)
.width(700)
.height(400)
.render()
}
md `## Global Configuration `
debug = true
W0 = 1200
w = width >= W0 ? Math.floor(width * 0.4) : width * 0.75 // for fullscreen
height_sankey = 600 * 0.6
colorVega = "#4C78A8"
// candle chart interval
interval = '1d'
md `## Internal Functions`
md `## Data`
local_data = FileAttachment("tickers_full.csv").csv()
local_event_data = FileAttachment("events.csv").csv()
symbol = 'ETHUSD_PERP'
candle_data = candles(symbol, interval)
factsExample = crossfilter(local_data)
sportDim = factsExample.dimension(d => d.Close)
function sampleArray(a, n, random) {
return a.slice(0, n);
}
tickers = ['BTC-USD','ETH-USD', 'AAPL', 'TSLA', 'MSFT', 'NVDA', 'SQ', 'PYPL', 'MSTR', 'JPM', '^IXIC', '^DJI', '^GSPC', 'GC=F', "CL=F"]
type = ['BTC History', 'Global', 'Elon', 'Financial']
md `## Import Libraries `
vegalite = require("@observablehq/vega-lite@0.3")
import {vegaSync} from "@pierreleripoll/vegasync"
import {createFacts} from "@pierreleripoll/vegasync"
//crossfilter = require("crossfilter2")
crossfilter = require("crossfilter2@1.5.4")
import {fullscreen} from "@pierreleripoll/vegasync"
import {slider,button,select,text,radio,checkbox,number} from "@jashkenas/inputs"
import {candles, forwardRate} from "@pandawhisperer/binance-futures-with-forward-rate"
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.
