Chart 1: Visualize Data with a Bar Chart

• Get Gross Domestic Product (GDP) data with api call
• Show GDP data using the bar chat
• Render x-axis and y-axis
• If we hove over an area then will see more information of that area

Live Demo: https://codepen.io/sajibcse68/full/oNYVNoB
.

Chart 2: Scatterplot Graph using D3.js

• Do the API call and get the Data of different dot
• Plot the Scatter graph using D3.js
• Render x-axis and y-axis
• If we hove over an area then will see more information of the Dot
• Run all the tests and passed 16/16 tests!

Live Demo: https://codepen.io/sajibcse68/full/abJrxKe .

Chart 3: HeatMap using D3.js (Monthly Global Land-Surface Temperature from 1753 - 2015)

• Do the API call and get the Heat Map monthly data from 1753 to 2015
• Plot the Heat Map using D3.js
• Render x-axis and y-axis
• If we hove over an area then will see more information of the Dot
• Run all the tests and passed 18/18 tests!

Live Demo: https://codepen.io/sajibcse68/full/WNjejWg .

Chart 4: Choropleth Map using D3 (United States Educational Attainment)

• Do the API call and get the United States educational attainment data
• Plot the Choropleth Map using D3.js
• Render x-axis and y-axis
• If we hove over an area then will see more information of the Dot
• Run all the tests and passed 12/12 tests!

Live Demo: https://codepen.io/sajibcse68/full/KKmPEmL

.

Chart 5: Tree Map Diagram using D3 (Video Game Sales)

• Do the API call and get the data
• Plot the Tree Map Diagram using D3.js
• Render x-axis and y-axis
• If we hove over an area then will see more information of the Dot
• Run all the tests and passed 12/12 tests!

Live Demo: https://codepen.io/sajibcse68/full/PomYLJB

.