Info

Beverages and Food matrix with detailed information labels Interactive Bar chart and its information label Interactive line chart and its navigation Multifunctional time range selector for the interactive line chart

Functionality

Content & Navigation

Three seperate sections utilizing a range of data visualisation techniques and user-interface features:

  • 1) Drink & Snack Offer:
    • - Beverages and Food matrix (interactive heat map) with detailed information labels
    • - Data filters: region and product type selectors
    • - Presentation of the most popular combinations
  • 2) Sales by Category:
    • - Interactive bar charts
    • - Category and sub-category selectors
    • - Detailed information labels for each product
  • 3) Sales by Time
    • - Interactive line chart
    • - Multiply product type selector
    • - Multifunctional time range selector

Development

  • - D3 Javascript library
  • - Additional Javascript functions applied for data filtering, customising the visual appearance of the charts, navigation functionality
  • - HTML5, CSS

Data

Format (Type):

CSV file

Source:

Own data

Copyright

Development and Implementation

© 2013-2014 Magdalena Iwaniec, Aleksandra Iwaniec