JAVASCRIPT HTML DJANGO Page to display stock price and technical indicators using DS3.js
Budget: $250 – $750 CAD
The goal is to create simple Django pages to manage and display financial stock price and indicators.
We have the python script in views.py (1st page) where:
- Define csv file name.
- Load csv data.
- Create functions (for each indicators) to calculate indicators. Ex: function Calculate_Sma() to
calculate Sma from the loaded csv data. To calculate sma value for exemple use ta-lib python library.
- Create a kind of main functions where we define which indicators we want to display and to pass data
through an HTML page. In this function define startdate and endate too. Need to define the style too
(OHLC, just line etc...). Here define the timeline (here daily only). Etc...
The HTML page:
- In the HTML page use DS3.js to display all data required.
- The graph should be dynamic (display values when pass with the mouse). Need a block to customize
the graph (colors etc...).
- Need to be able to draw in the graph (line, etc...).
- 2 categories of indicators (overlay = display on the same graph, indicators = add a subgraph behind or
above (define position in python script)).
A few webpages I found to help you:
- https://medium.com/free-code-camp/how-to-build-historical-price-charts-with-d3-js-72214aaf6ba3
- https://finchart.org/ (should looks like this)
For now I just want to be able to display the following indicators and overlays: SMA, EMA, RSI,
MACD Histogramm, Roc, Adx, and 2-3 more.
Thanks,
Yannick
We have the python script in views.py (1st page) where:
- Define csv file name.
- Load csv data.
- Create functions (for each indicators) to calculate indicators. Ex: function Calculate_Sma() to
calculate Sma from the loaded csv data. To calculate sma value for exemple use ta-lib python library.
- Create a kind of main functions where we define which indicators we want to display and to pass data
through an HTML page. In this function define startdate and endate too. Need to define the style too
(OHLC, just line etc...). Here define the timeline (here daily only). Etc...
The HTML page:
- In the HTML page use DS3.js to display all data required.
- The graph should be dynamic (display values when pass with the mouse). Need a block to customize
the graph (colors etc...).
- Need to be able to draw in the graph (line, etc...).
- 2 categories of indicators (overlay = display on the same graph, indicators = add a subgraph behind or
above (define position in python script)).
A few webpages I found to help you:
- https://medium.com/free-code-camp/how-to-build-historical-price-charts-with-d3-js-72214aaf6ba3
- https://finchart.org/ (should looks like this)
For now I just want to be able to display the following indicators and overlays: SMA, EMA, RSI,
MACD Histogramm, Roc, Adx, and 2-3 more.
Thanks,
Yannick