Published
Edited
Feb 9, 2021
md `# A bunch of experiments`
viewof f = text()
cell = {
const obj = {}
obj[TYPE.VALUE]=100
obj[TYPE.FUNCTION]=
`{
return "Object Value: " + obj[TYPE.VALUE]
}`
return obj
}
{
const run = new Function('obj', 'TYPE', cell[TYPE.FUNCTION])
return run(cell, TYPE); //need to pass in TYPE as no global TYPE
}
md ` ### Html view. Instantiate a div element with events to render mouse location`
md`### A custom dispatch helper function`
mutable rs=0
myset.entries().next()
md `remove redundent array entries using set`
{let arr = [1, 2, 2, 4, 5, 5];
arr = [...new Set(arr)]; // returns [1, 2, 4, 5]
return arr
}
{
let arr = [1, 2, 2, 4, 5, 5];
let total = 0;
return arr.reduce( (total, num) => total * num);
}
{
let arr = [1, 2, 2, 4, 5, 5];
let total = 0;
return arr.filter( (total, num) => total * num);
}
{
// Modifying each words
let words = ['spray', 'limit', 'exuberant', 'destruction','elite', 'present']
const modifiedWords = words.filter( (word, index, arr) => {
arr[index+1] +=' extra'
return word.length < 15
})
return modifiedWords;
}
settings = {
let defaultsettings = {
speed: 30,
posX:0,
posY:10
}
let settings = {...defaultsettings,
speed:10, //change defaulte
newsettings:{
color:{background:"white",text:"blue"},
size:20,
} //add new
}
return settings
}
treeview.usage();
md `## Stock Prices using Yahoo Finance`
md ` Company information API https://financialmodelingprep.com/developer/docs/dashboard`
companyinfo = async function(symbol){
const apikey='bfdaaf37d02e001df65432b81ca6d871'
const url = `https://financialmodelingprep.com/api/v3/profile/${symbol}?apikey=${apikey}`
const info = await soFetch(url)
const text = await info.text();
const data = await JSON.parse(text);
return data[0];
}
plotData = async function (symbols, datefrom , dateto) {
let dataArray = [];
symbols.forEach( (value, index, array) => {
debugger;
let p = fetchYahooData(value, '', '1d', datefrom , dateto);
p.then(result=> {
let trace =
{
x: unpack(result.data, 'date'),
y: unpack(result.data, 'close'),
mode: 'lines',
type: 'scatter',
name: result.info.companyName
}
dataArray.push(trace);
});
});
return dataArray;
}
t4a = fetchYahooData('ENB.TO', 'Enbridge', '1d', datefrom , dateto) // Delta
t7 = fetchYahooData('AMZN', 'AMZN', '1d', datefrom , dateto)
t8 = fetchYahooData('MSFT', 'MSFT', '1d', datefrom , dateto)
summaryQuote_response = async (SYMBOL) => {
let modules = [ 'assetProfile', 'incomeStatementHistory', 'incomeStatementHistoryQuarterly', 'balanceSheetHistory', 'balanceSheetHistoryQuarterly', 'cashFlowStatementHistory', 'cashFlowStatementHistoryQuarterly', 'defaultKeyStatistics', 'financialData', 'calendarEvents', 'secFilings', 'recommendationTrend', 'upgradeDowngradeHistory', 'institutionOwnership', 'fundOwnership', 'majorDirectHolders', 'majorHoldersBreakdown', 'insiderTransactions', 'insiderHolders', 'netSharePurchaseActivity', 'earnings', 'earningsHistory', 'earningsTrend', 'industryTrend', 'indexTrend', 'sectorTrend' ]
let Summary = JSON.parse((await (await soFetch(`https://query1.finance.yahoo.com/v10/finance/quoteSummary/${SYMBOL}?modules=${modules.join(',')}`)).text())).quoteSummary;
console.log(`https://query1.finance.yahoo.com/v10/finance/quoteSummary/${SYMBOL}?modules=${modules.join(',')}`)
if(Summary.error !== null) return Summary.error.description;
return Summary.result[0];
}
summaryQuote_response('TRP.TO')
html `<div id='table' style='height:400px;overflow:scroll'></div>`
GetNews = async (symbol)=>{
return JSON.parse((await (await soFetch(`https://api.rss2json.com/v1/api.json?rss_url=http://feeds.finance.yahoo.com/rss/2.0/headline?s=${symbol}®ion=US&lang=en-US`)).text())).items}
news = GetNews('TRP.TO')
html `<div id='newstable' style='height:400px;overflow:scroll'></div>`
tabulate(d3.select('#newstable'),news,['title', 'pubDate', 'link', 'content'])
tabulate = function (element, data, columns) {
element.html("");
var table = element.append('table')
var thead = table.append('thead')
var tbody = table.append('tbody');
// append the header row
thead.append('tr')
.selectAll('th')
.data(columns).enter()
.append('th')
.text(function (column) { return column; });
// create a row for each object in the data
var rows = tbody.selectAll('tr')
.data(data)
.enter()
.append('tr');
// create a cell in each row for each column
var cells = rows.selectAll('td')
.data(function (row) {
return columns.map(function (column) {
return {column: column, value: row[column]};
});
})
.enter()
.append('td')
.text(function (d) { return d.value; });
return table;
}
incomeLevelsData = jsonp(
"https://query1.finance.yahoo.com/v10/finance/quoteSummary/TRP.TO?modules=assetProfile,incomeStatementHistory,incomeStatementHistoryQuarterly,balanceSheetHistory,balanceSheetHistoryQuarterly,cashFlowStatementHistory,cashFlowStatementHistoryQuarterly,defaultKeyStatistics,financialData,calendarEvents,secFilings,recommendationTrend,upgradeDowngradeHistory,institutionOwnership,fundOwnership,majorDirectHolders,majorHoldersBreakdown,insiderTransactions,insiderHolders,netSharePurchaseActivity,earnings,earningsHistory,earningsTrend,industryTrend,indexTrend,sectorTrend",
{
param: "prefix"
}
)
jsonp = require("@tmcw/jsonp@0.2.2")
import { elky } from "@tmcw/elk@260"
import {table} from '@tmcw/tables'
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.
