Programming My Own Trading Chart - Part 32 - MACD Technical Indicator by leoplaw

hive-169321 · @leoplaw · Jun 30 '24

$1.85

Programming My Own Trading Chart - Part 32 - MACD Technical Indicator

![Screenshot_20240701_005318.png](https://files.peakd.com/file/peakd-hive/leoplaw/23t74pFyNu6Px7dYoEG27Gyrp9AM9687SEi8zLtyTUXs7MoHD4KzLgsQPvoSkLRdCW4ek.png)

It's been a while since I posted an update on TradeX chart. There's been plenty of development, and as with many programming projects, much of the work often goes unnoticed, because it is not immediately apparent, as it is not some outstanding new feature and may in fact be many tedious bug fixes that lead to better stability.

But on this occasion, I have something visual to show off, a [Moving Average Convergence/Divergence (MACD) indicator](https://www.investopedia.com/terms/m/macd.asp).

It is one of the more complex indicators from the [talib-web](https://github.com/ancheGT/talib-web) to implement, and hence I avoided it, and focused on the easy ones such as RSI.

Some of the tasks to complete the MACD are:
- connect indicator colours to the theme
- make the histogram bar widths dynamic like candles and volume
- put the legend back in

I can then test out all of the work on making the parent indicator class generic enough that all it needs is a config object to draw new indicators. This should speed up implementing new ones, and make building user defined custom indicators much simpler.

As mentioned at the start of this post, there are many things behind the scenes that had to be done to get this indicator to work. It will open up many more possibilities, such as complex indicators.

Complex indicators would allow grouping any of the existing indicators into one chart pane, thereby creating a new custom indicator.

I'm still really itching to crack on with drawing tools. There's still so many things to do, but the chart is commit by commit maturing into a usable, reliable and powerful charting component.

The chart is available via NPM

```
npm install tradex-chart
```

and GitHub

https://github.com/tradex-app/TradeX-chart

👍 nuthman, ausbitbank, reinhard-schmid, centerlink, quantumg, gamersclassified, mrsquiggle, alphaccino.art, solarwarrior, sbi2, fineartnow, scooter77, gibic, tracer-paulo, strega.azure, chrisdavidphoto, positiveninja, drwom, teamaustralia, dougbudlong, melooo182, evlachsblog, bearone, sapphic, niouton, cryptwo, worldfinances, apineda, krasnec, longer, philippekiene, wulff-media, lifeofryan, quantumgee, etn0, reddragonfly, mumma-monza, gric, romytokic, mikepedro, masterwu, bella.bear, terrybogan, fotobrina, bobaphet, bec-on-the-block, koyel, deividluchi, bengy, samueluche07, onethousandwords, cryptoslicex, jay.ell, jordan.white306, vincy, positiveninja2, gio6, sbi-tokens, krystle, maxruebensal, jason.che, gohba.handcrafts, sue-stevenson, deadsparrow

properties (23)vote details (64)

voter	rshares	pct
ausbitbank	2,325,993,330,051	50%
krystle	762,967,455	40%
gric	5,071,874,731	100%
worldfinances	10,593,651,433	100%
melooo182	16,501,118,996	50%
gamersclassified	175,230,865,585	100%
mikepedro	3,742,582,062	50%
gohba.handcrafts	589,734,494	7%
scooter77	45,371,059,544	20%
drwom	20,516,228,595	50%
bearone	13,415,592,957	30%
reddragonfly	5,796,749,217	100%
tracer-paulo	26,075,108,386	100%
teamaustralia	19,432,149,080	45%
centerlink	244,638,834,589	100%
onethousandwords	1,773,336,357	50%
nuthman	2,434,330,505,625	60%
chrisdavidphoto	22,865,246,161	30%
reinhard-schmid	307,048,633,431	100%
mrsquiggle	143,541,611,325	50%
deadsparrow	477,009,157	60%
maxruebensal	677,264,675	50%
masterwu	3,416,435,726	30%
dougbudlong	16,531,027,175	100%
cryptwo	10,678,783,532	90%
jordan.white306	1,162,608,329	50%
fineartnow	57,825,505,955	40%
bengy	2,340,463,257	3%
bec-on-the-block	2,817,658,514	50%
gio6	886,136,191	50%
etn0	8,221,956,982	40%
positiveninja	20,619,578,363	50%
evlachsblog	14,634,374,128	50%
krasnec	9,232,764,629	100%
sapphic	12,293,285,132	50%
sbi2	79,646,033,486	1.31%
bobaphet	2,852,624,323	20%
terrybogan	2,878,288,409	30%
philippekiene	9,141,668,122	40%
mumma-monza	5,773,187,292	50%
cryptoslicex	1,368,273,730	50%
lifeofryan	8,377,024,612	50%
vincy	1,084,564,904	20%
sue-stevenson	478,478,994	7%
niouton	11,576,662,484	40%
solarwarrior	90,473,316,826	100%
longer	9,177,602,604	25%
gibic	28,148,160,729	100%
jason.che	593,125,838	50%
deividluchi	2,406,170,101	50%
jay.ell	1,315,234,325	100%
positiveninja2	1,002,425,489	25%
alphaccino.art	99,800,061,663	50%
wulff-media	9,067,538,918	100%
sbi-tokens	795,458,346	0.5%
apineda	9,677,933,251	100%
bella.bear	3,324,909,461	50%
romytokic	4,556,583,691	50%
quantumg	230,071,236,031	100%
fotobrina	2,871,729,955	50%
koyel	2,779,008,040	50%
quantumgee	8,356,872,195	100%
strega.azure	24,221,481,039	50%
samueluche07	2,212,929,397	50%

`author`	douglas.life
`permlink`	re-programming-my-own-trading-chart-part-32-macd-technical-indicator-20241201t121751z
`category`	hive-169321
`json_metadata`	"{"app": "beem/0.24.26"}"
`created`	2024-12-01 12:17:51
`last_update`	2024-12-01 12:17:51
`depth`	1
`children`	0
`last_payout`	2024-12-08 12:17:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	1,929
`author_reputation`	-4,071,363,772,197
`root_title`	"Programming My Own Trading Chart - Part 32 - MACD Technical Indicator"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	138,845,314
`net_rshares`	-5,199,239,023
`author_curate_reward`	""