Exercise

A refined sales dashboard

The e-commerce company from Chapter 1 has called you up and has a budget for you to extend the previous work you did, building a basic proof-of-concept sales dashboard.

Now that you have built your skills in styling and positioning, you can really make this dashboard presentation-worthy.

As a reminder, the company would like a line chart of their total sales each month, a bar chart of their total sales in each country, and a high-level summary statistic around the highest order quantity for the period. However, they would prefer these side-by-side, and their corporate style guide asks for light blue backgrounds. They have requested for there to be two logos, one on either side of the main title, so their brand is nice and prominent.

Instructions

100 XP
  • Add a logo on either side of the provided .H1() with a margin of 25 pixels on all sides below lines 20 and 26.
  • Style the logos and H1, so they all appear side-by-side below line 23.
  • Style the line graph (available for you as line_fig) to be 500 pixels wide below line 30 and the bar chart (available for you as bar_fig) to be 350 pixels wide below line 34.
  • Style the Plotly graphs below lines 30 and 34, so they appear side-by-side with a margin of 5 pixels.