February 2022
Building a responsive webpage to make use of ai2html
I have always loved graphic design but I never quite made that leap to Adobe Illustrator. Over the past few weeks, however, not only I am trying to create stuff with AI but I am figuring out ai2html at the same time.
The graphics you see here are built to be responsive to your device i.e laptop, mobile phone etc. For the first two graphs, if you are viewing it on a mobile device, I have designed it in a way to collapse on each other. However, if you are seeing it on a laptop, desktop or a tablet, you should see them side by side.
In this graph, I scraped data from the World Bank on Ghana's GDP growth and inflation. I wanted to illustrate the impact of the pandemic on the economy.
Ghana’s economic growth in 2020 was the lowest
in recent history
The pandemic also shot inflation to a 3-year high
Inflation
Gdp Growth
17.5 %
The pandemic saw the economy hit rock bottom
15.0
12.5
10.0
7.5
5.0
2.5
2016
2017
2018
2019
2020
Ghana’s economic growth in 2020 was the lowest in recent history
The pandemic also shot inflation to a 3-year high
Inflation
Gdp Growth
17.5 %
The pandemic saw the economy hit rock bottom
15.0
12.5
10.0
7.5
5.0
2.5
2016
2017
2018
2019
2020