Retail · Multinational
A widget for external websites that shows the air quality of a selected city in charts
Project summary
- Industry
- Retail
- Company size
- Multinational
- Services
The problem
A multinational retailer needed a component that could be embedded in external websites to show the air quality of a selected city. The information had to appear in dynamic charts connected to an environmental data API, the service that provides this data.
What was agreed
- Prioritized scope
- An accordion component (a block that expands and collapses), designed to be embedded in external websites. In it, dynamic charts show the selected city's air quality and are connected to an environmental data API, where the information comes from.
What was delivered
External websites can embed the widget and show their visitors the selected city's air quality.
Who it’s for
For external websites that embed the widget, and for their visitors. The component was developed for a multinational retailer.
How it works
The accordion expands and collapses inside the page of the website that embeds it.
An API is the doorway through which one system hands data to another: the information the charts show comes from the environmental data API.
The technology, in plain words
- React: a JavaScript library for building interfaces from reusable components. It was used to build the widget.
- JavaScript: the programming language of the web, which gives pages behavior in the browser and also runs on servers. It was also used in the widget.
- Chart.js: an open-source JavaScript library for drawing charts on web pages. In the widget, it is the technology behind the air quality charts.
How it went
Assessment
At the start
An initial conversation to understand the client's request and problem.
Discovery Sprint
Before building
The problem was understood and the scope defined.
Development
Between 2019 and 2021
Built in incremental releases throughout the project, not all at the end.
Support and continuous improvement
After going live
The widget then moved into support and maintenance.
Technical details
Technologies used in this project
- React
- JavaScript
- Chart.js
More case studies
An information dashboard that shows air quality indices in real time
The problemA multinational manufacturing company wanted an information dashboard that showed air quality indices in real time. For the numbers on screen to keep up with the measurements, the dashboard had to pull data directly from an air monitoring API, the service that provides those measurements.Services:Web applicationsIntegrations and automationRead the case study
Product and space selectors that help users find the right option among more than a hundred
The problemWith more than a hundred options available, users needed help finding the one that fit their case. A partnership between two multinationals, one of them in retail, called for pages that guide this choice, with product and space selectors, across several projects.Services:Web applicationsRead the case study