[Chart Page] - Sub Page (1/5) - Realised Cap

[stanlv]

Specs as of 3 July 2020:

Overview: For the first implementation ( UI & Dev) we should start with the simpler chart Realised Market Cap.

• UI Components ( Light and Dark mode)
• 2 Main Chart Components ( Market Cap & MRVR Ratio)
• The text which explains why we should look at MRVR Ratio for UTXO Chains...
• List of interesting Papers
• 2 Charts behaviours ( see Wireframes) https://whimsical.com/MY5LDPVP14WNUUx7RCTDj1

[stanlv]

Hey @svitekpavel @Reidiojed @pLabarta I suggest starting with this subpage Story. It has all the main challenges of the Chart pages but it is quite simple to understand and to play with. I think it is a great 1st issue for us

[stanlv]

I just updated this Chart Wireframe: https://whimsical.com/MY5LDPVP14WNUUx7RCTDj1@2Ux7TurymNzAfqNN5hUk

I have few usability issues to solve with you guys.

• The MVRV Chart Section is pretty confusing ( Red BUY Zone & Green SELL Zone) + The Sell Zone is on the top and the Buy Zone on the Bottom.. Pretty not intuitive at the first glance

-> Solutions:

1. Exctract the Current Zone and display on the top Right of the chart
2. Change the Colors: Buy Zone should be the Decred Blue ( in gradient) and Sell Zone in Light Grey ( No gradient) to not highlight.. @Reidiojed What do you think?

[Reidiojed]

UI Components: I would like to advance first on the Light and default view of the web. The dark mode can wait until the site is finished.

Along with the color scheme, I made the pertinent modifications to each chart. I had previously uploaded them in a .zip prior to the publication of the proposal, but I re-attach them here.

Among the 5 charts listed, I don't see one that is' Market Cap vs. Realized Cap'. Correct me if I'm wrong, but I think the chart in Whimsical is 'Mayer Multiple Bands'. As for the BUY / SELL ZONE indicators, I agree. I had seen them and in my example, I had modified them.

I don't know if you reviewed the Figma project already creqated. I leave the link here again (https://www.figma.com/file/EbUjZ6TOmVBZemf0EjoRcB/web_view?node-id=0%3A1) although you should have the invitation in your mailbox to see the full project.