Overview

This is a simple express application that allows you to visualize data about a specific word from Wikipedia using D3 Js.

Features

Get information about a specific word from Wikipedia
A search bar to Input Prefer Keyword
A Barchart that shows Top 10 WordCount Vs Search
A PieChart that shows Word Count Distribution

Requirements/Tools Used

React.js 
yarn
D3 js
TailwindCSS

How to run the app

Clone the repository to your local machine
Run yarn install to install all the dependencies
Run yarn start to start the app
The app will be available at http://localhost:3000

How to use the app Input Your Preferred Keyword Check the Data Visualization of the keyword

Where I go Stuck I had some designining the Charts using D3Js. I had issues getting User Interface inspirations

How I got Unstuck I had to go through the D3Js documentations. Check out https://d3js.org/ I also got help from tutorial teacher documentations. Check out https://www.tutorialsteacher.com/d3js/axes-in-d3 I was able to explore figma community to see similar designs.