Creator here. Wanted to share my Scatterstocks project that I have worked on. It was inspired from a graph I had read in a Bloomberg article. It showed the differences in stock prices from various industries as soon as Amazon announced it was entering the market. (eg. Whole Foods, Health Care, Automotive). However, I wanted to see the same graph but for every company and any news event beyond Amazon.
The graph is powered using d3.js. The client-side uses a mix of Mustache templating and jQuery. I know, in the modern day and age of large frameworks, why jQuery? I actually wanted to learn it for a change.
Data is pulled from alphavantage and the NYT headlines API. I hope the "bombshell" graph is useful, and possibly something to periodically checkout to see how different stocks have done. It's hard to say there's always a strong correlation, but it does exist for certain events. Feature requests, PRs and feedback are all welcome.
About ten years ago I developed the 'Scale of Market Quakes' for FX data and wrote a paper [1] about it (it's terribly written!), which was then released as a web service (www.olsenscale.com, not available anymore) and journalists etc could sign up for.
The idea was to measure the turbulences released in the market by e.g. quantitative easing by the FED. Was a great project and I learnt a lot.
Making request for all Stock Data
graph.js:42 Recieved Stock Data
graph.js:75 TypeError: Cannot read property '2. Symbol' of undefined
at generateGraph (graph.js:44)
I remember a Bloomberg developer talk where they showed the price change as the news hit various outlets. Small move when it hit the BB terminal, a little more when Reuters, big movement when the major media outlets. Made me want to get the BB terminal, if it weren't for the price! (in theory, it would pay for itself)
Please have a better experience for mobile users; an alert popup and refresh cycle is pretty bad. Rendering the mobile unfriendly parts with a message (even if it breaks your experience) is much better.
This looks great!
If it's OK, I would like to make a small suggestion for improvement. It will really help if you can add a reference to a broad stock market indicator (e.g., S&P 500). Without that it is a bit difficult to see whether the impact is due to the event or some other confounding event that affected all the stocks.
I checked the story about Apple's Homepod article in NYT on Feb 6, 2018 and the plot shows that stock prices of Amazon, Google, Microsoft, etc. went up by 4-5% in 24 hours! But when I look at the number from Yahoo Finance, it seems that everything went up and Apple went up more than these companies. The next day all of them went down and then by Feb 9th there was a huge crash. Check out the graph for 5-7 Feb: https://finance.yahoo.com/chart/^GSPC#eyJpbnRlcnZhbCI6ImRheS...
Creator here. Wanted to share my Scatterstocks project that I have worked on. It was inspired from a graph I had read in a Bloomberg article. It showed the differences in stock prices from various industries as soon as Amazon announced it was entering the market. (eg. Whole Foods, Health Care, Automotive). However, I wanted to see the same graph but for every company and any news event beyond Amazon.
The graph is powered using d3.js. The client-side uses a mix of Mustache templating and jQuery. I know, in the modern day and age of large frameworks, why jQuery? I actually wanted to learn it for a change.
Data is pulled from alphavantage and the NYT headlines API. I hope the "bombshell" graph is useful, and possibly something to periodically checkout to see how different stocks have done. It's hard to say there's always a strong correlation, but it does exist for certain events. Feature requests, PRs and feedback are all welcome.