Basic XY Chart Landing Page

[JayWebz]

Landing Page like a v2 entity page.

Feature - Allows for the ability to interact with and annotate the chart within the same visual. Currently, v2 is set up to only allow only annotate an image of the chart.

• Remove Alerts table and have chart take full-width, no related entity information
• Alert bands set to off, renamed "show IODA automated alerts”
• Controls at top of the graph to interact with the visualization
  • zoom mode on/off, to allow for annotations to take place
  • toggles for alert bands/normalization
• Controls below the graph to create annotations
  • Create custom alert bands
  • Create custom vertical ticks
  • Create custom textboxes
  • Create custom arrows
  • Ability to free-hand draw
  • Export the drawing -- download or social share

Using controls on the top part to interact with the graph will clear any annotations added to the chart. Will need to manage interaction with the chart coming from the top buttons, draw mode for free-hand drawing on the canvas, and drag mode where you can shift around textboxes and arrow images without being interrupted by the tooltip popping up as you move the mouse around.

When ready for export, the chart canvas, annotations, drawings, alert bands, and vertical ticks layered on top, and a 3rd watermark layer will all flatten to produce the image. This image will either be downloaded directly, or if a social share option is selected, posted to the server (api updates pending) along with a unique identifier. Then a get request will retrieve a url for that image using the identifier, and embed that image in a social share (tweet) dialog box. Filename will have entity name and human-readable date range.