Just a guy
Published
Edited
Jul 14, 2021
1 fork
md `## UI Operations`
function resizer(element, dimension = "clientWidth") {
return Generators.observe(notify => {
let width = notify(element[dimension]);
const resized = () => {
let w = element[dimension];
if (w !== width) notify(width = w);
};
window.addEventListener("resize", resized);
return () => window.removeEventListener("resize", resized);
});
}
cellA = new Cell(grid.querySelector("[name=a]"))
cellB = new Cell(grid.querySelector("[name=b]"))
cellC = new Cell(grid.querySelector("[name=c]"))
cellD = new Cell(grid.querySelector("[name=d]"))
md `## UI Configuration `
widthA = cellA.width
widthB = cellB.width
widthC = cellC.width
widthD = cellD.width
heightA = cellA.height
heightB = cellB.height
heightC = cellC.height
heightD = cellD.height
md `## Import Charts`
import {plot as chart_returns} with {
widthC as width,
heightC as height,
filtered_data as cryptodata,
local_event_data as eventdata,
local_ticker_check as name
} from "@jeffrey-adams-ucb/returns-chart-v3"
import {plot as chart_returns_atr} with {
widthC as width,
heightC as height,
local_data as cryptodata,
local_event_data as eventdata,
local_ticker_check as name
} from "@jeffrey-adams-ucb/returns-v-atr"
import {events as chart_events} with {
widthC as width,
heightC as height,
local_data as cryptodata,
local_event_data as eventdata,
local_ticker_check as nametickers,
local_event_check as nametype
} from "@jeffrey-adams-ucb/events"
import {chart as chart_values} with {
widthC as width,
heightC as height,
local_data as ticker_data,
local_event_data as event_data,
local_ticker_check as ticker_check,
local_event_check as event_check
} from "@electroshock666/ticker-values-main-chart"
cellA.embed(chart_returns)
cellB.embed(chart_returns_atr)
cellC.embed(chart_events)
cellD.embed(chart_values)
md `## Data`
local_data = FileAttachment("tickers_full.csv").csv()
local_event_data = FileAttachment("events.csv").csv()
filtered_data = local_data
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 `
import {vl} from '@vega/vega-lite-api-v5'
embed = require("vega-embed@6")
import {slider,button,select,text,radio,checkbox,number} from "@jashkenas/inputs"
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.
