Published
Edited
Jan 31, 2021
1 fork
Importers
Plotly slider use IPlotly slider usePlotly InteractionD3 Quick OverviewColor Solids: RGB and HSLHCL color modelCone Spectral Sensitivity PlotsColor Blind SimulatorColorBlindLibHSV and HSL Color ModelsColor from Wavelength, Correlated Temperature and HTML color pickerPlotly Color UsagePlotlyJS GeoVisualizationGeoVisualizationVisual Cluster AnalysisAssignment 4 Data and related computationWeather ForecastFetch Covid-19 dataWeb Scraping Table data from HTML file.1D Dataviz in PlotlyUS Baby NamesPlotly.Js: Getting Started with Old FaithfulUseful Javascript Array functions.Useful D3 Functions for Data handlingIntroduction to Observable and PlotlyJSCAP 6737 Class Practice Notes
Data Fetch and Meta data
Also listed in…
D3 Class
new Date(18000)
getQuote(ticker)
getQuoteHistory('AAPL', 15)
{
const data = getTickerHistoryData('AAPL', 15);
return data;
}
getTickerHistoryData = async (ticker, days) => {
const response = await getQuoteHistory(ticker, days);
// Combine timestamp, high, close, open, low, volume, adjusted close
const timestamp = response.chart.result[0].timestamp;
const quote = response.chart.result[0].indicators.quote[0];
return timestamp.map((time, i) => ({
date: d3.timeFormat("%x")(d3.timeParse("%s")(time)),
volume: quote.volume[i],
high: quote.high[i],
close: quote.close[i],
low: quote.low[i],
open: quote.open[i]
}));
}
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.
