Scale Result

Description: User Story

As a user,
I should be able to see a Scale Result module (Element) in a program.

**[Zeplin Link]()** – TBD

**All Scale Results include the following:**
– Scale Title _(EX: Happiness)_
– Share Button
– Optional scale result image
– Result Title _(EX: Very Happy)_
– Result Score _(EX: 9)_
– Result Description _(EX: You are pretty happy. Try and find little things you enjoy and do them more often. Another way to boost happiness is to do something nice for someone you love.)_

**_IF_ the result is configured to show an optional Gauge Graph:**
– Display a gauge graph depicting each of the ranges and there numeric transition values
– Display the user’s result score

**_IF_ the result is configured to show an optional line graph with longitudinal data:**
– Display a Line Graph with:
– Chart Title: Historical Results
– Legend with series labels
– labels should matching the color of the line
– clicking on the labels should toggle the series line on and off and add opacity to the label when in the off position
– Y-axis shows result scores
– min label = min result score
– max label = max result score
– X-axis shows dates
– min label: oldest date
– max label: most recent date
– dates should be equally distributed across x axis (large gaps in time should not display as large gaps in x-axis)

Web Code

Complex charting in here and also some additional data fetching for historical scores