2b:null 2c:["$","title",null,{"children":"Dow Jones performance during the first term of recent US Presidents | Azhar Khan | Observable"}] 31:Tc92,{ const svg = d3.create("svg") .attr("width", width) .attr("height", width/2); const margin = {top: 20, right: 80, bottom: 30, left: 50}; const Width = svg.attr("width") - margin.left - margin.right; const Height = svg.attr("height") - margin.top - margin.bottom; const g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"); const xScale = d3.scaleLinear().range([0, Width]).nice(); const yScale = d3.scaleLinear().range([Height, 0]).nice(); const data = Object.values(DJIperfData); const xExtent = [0, nMonths-1]; const nDays = nMonths * 4; //const xExtent = [0, nDays-1]; xScale.domain(xExtent); let yExtent = [ d3.min(data.map(d=>d3.min(d))), d3.max(data.map(d=>d3.max(d))) ]; yScale.domain(yExtent); let baseLineData = {x1:xExtent[0], y1:0, x2:xExtent[1], y2:0}; g.append('line') .attr('x1',xScale(baseLineData.x1)) .attr('x2',xScale(baseLineData.x2)) .attr('y1',yScale(baseLineData.y1)) .attr('y2',yScale(baseLineData.y2)) .style('stroke', 'black'); g.append("g") .attr("class", "axis axis--x") .attr("transform", "translate(0," + Height + ")") .call(d3.axisBottom(xScale)) .append("text") .attr("x", width/2) .attr("y", 30) .attr("dx", "0.71em") .attr("fill", "#000") .attr("y", margin.bottom-5) .style("text-anchor", "middle") .text("Months"); g.append("g") .attr("class", "axis axis--y") .call(d3.axisLeft(yScale)) .append("text") .attr("transform", "rotate(-90)") .attr("y", 6) .attr("dy", "0.71em") .attr("fill", "#000") .text("Dow Jone Percent Changes Since Taking Office"); const line = d3.line() .curve(d3.curveBasis) .x(function(d,i) { return xScale(i); }) .y(function(d) { return yScale(d); }); const plots = g.append("g"); const pPlots = plots.selectAll("g") .data(data) .join("g") .each(function(d,i){ const p = d3.select(this); p.append("path") .attr("class", "line") .attr("d", line(d)) .style("stroke", ((presidents[i] =="Trump")?"red":"Black")) .style("stroke-width", 4) .style("opacity",((presidents[i] =="Trump")?1.0:0.2)) .style('fill', 'none') .style('stroke-width', "3") .on("mouseover", function(){ d3.select(this).style("stroke","SteelBlue").style("opacity",1.0); }) .on("mouseout", function(){ d3.select(this) .style("stroke",((presidents[i] =="Trump")?"red":"Black")) .style("opacity",((presidents[i] =="Trump")?1.0:0.2)); }); }); pPlots.append("text") .datum(function(d,i) { return {id: presidents[i], value: d[d.length - 1]}; }) .attr("x", Width+10) .attr("y", function(d) {return yScale(d.value);}) .attr("dy", "0.35em") .style("font", "12px sans-serif") .text(function(d) { return d.id; }); pPlots.append("line") .datum((d,i)=> ({x1: xScale(d.length - 1), x2: Width+10, y:yScale(d[d.length - 1]) })) .attr('x1',d=>d.x1) .attr('x2',d=>d.x2) .attr('y1',d=>d.y) .attr('y2',d=>d.y) .style('stroke', 'black') .style("stroke-dasharray","3"); return svg.node(); }32:[] 2f:{"id":"7edb1e6a8b10b86d","slug":"dow-jones-performance-during-the-first-term-of-recent-us-pre","title":"Dow Jones performance during the first term of recent US Presidents","thumbnail":"65fe95207024fa3f4d635bb471557598abe5894fcda8937ee7080e155ad35907","access_level":"public","create_time":"$D2021-02-08T21:19:32.135Z","update_time":"$D2021-02-08T22:55:21.487Z","view_time":null,"first_public_time":"$D2021-02-08T22:51:02.754Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d0ed12038dcd6d49","login":"xor97","name":"Azhar Khan","avatar_url":"https://avatars-next.observableusercontent.com/e7275c6ed12540346196603d1a00893556c3f910ea59481fabf8838668046d03","tier":"starter_2024"},"version":118,"publish_version":118,"role":null,"authored":false,"authors":[{"type":"individual","id":"e295d075a64a5248","login":"xor97","name":"Azhar Khan","avatar_url":"https://avatars-next.observableusercontent.com/e7275c6ed12540346196603d1a00893556c3f910ea59481fabf8838668046d03","tier":null}],"members":[{"type":"individual","id":"e295d075a64a5248","login":"xor97","name":"Azhar Khan","avatar_url":"https://avatars-next.observableusercontent.com/e7275c6ed12540346196603d1a00893556c3f910ea59481fabf8838668046d03","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Dow Jones performance during the first term of recent US Presidents","cells":[{"id":0,"value":"md`# Dow Jones performance during the first term of recent US Presidents`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md `Adapted from the plots appearing in CNN (Stock market by president) and in NY Times (Trump First Year).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"md`

\n## Appendix\n\nThis section contains the code that makes everything work ;-)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"nMonths = 48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"DJIperfData = {\n const data = [data0, data1, data2, data3, data4, data5];\n const pData = {};\n presidents.forEach(function(p,i){\n const processedData = [...data[i]];\n processedData.forEach(function(d,i){processedData[i].close=(d.close==0)?processedData[i-1].close:d.close;});\n pData[p]=processedData.map((d,i,A)=>(Math.round(100*(d.close-A[0].close)/A[0].close)))\n });\n return pData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"range = '1mo'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"data0=fetchYahooData('DJI',range, '1/1/'+years[0], '12/31/'+(years[0]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"data1=fetchYahooData('DJI',range, '1/1/'+years[1], '12/31/'+(years[1]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"data2 = fetchYahooData('DJI',range, '1/1/'+years[2], '12/31/'+(years[2]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"data3 = fetchYahooData('DJI',range, '1/1/'+years[3], '12/31/'+(years[3]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"data4 = fetchYahooData('DJI',range, '1/1/'+years[4], '12/31/'+(years[4]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"data5 = fetchYahooData('DJI',range, '1/1/'+years[5], '12/31/'+(years[5]+3))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"years = [2017, 2009, 2001, 1993, 1989, 1981]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"presidents = [\"Trump\", \"Obama\", \"G.W. Bush\", \"Clinton\", \"H.W. Bush\", \"Reagan\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"fetchYahooData = async function(symbol, range, date1, date2){\n const parser = d3.timeParse(\"%m/%d/%Y\");\n const period1 = parser(date1).getTime()/1000;\n const period2 = parser(date2).getTime()/1000;\n const url = 'https://query1.finance.yahoo.com/v8/finance/chart/';\n const url_for_query = url + `?symbol=${symbol}&period1=${period1}&period2=${period2}&interval=${range}`;\n const data = JSON.parse(await (await soFetch(url_for_query)).text());\n let result = data.chart.result[0];\n return result.timestamp.map((r, i) => ( { \n date: d3.timeParse('%s')(r),\n close: Math.round(+result.indicators.quote[0].close[i]) // options: open, low, high, close, volume\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"dataRanges = [\"1d\", \"5d\", \"1mo\", \"3mo\", \"6mo\", \"1y\", \"2y\", \"5y\", \"10y\", \"ytd\", \"max\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"import {soFetch} from '@alecglassford/so-fetch'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 30:"$2f:body"