Как построить график?

{AF: 652230, AX: 1580, AL: 28748, DZ: 2381741, AS: 199, …}

Есть данные которые приходят через сервер в таком виде как выше. а вот сам код

    import React, { Component } from 'react';
import axios from 'axios';
import './App.css';
const DEFAULT_DATA = [];
class Graph extends Component{
     constructor(props){
      super(props)
    this.state={
          data:[], 
          result:[],
          labels:['area','alphaCode']
    }
  }
  componentDidMount(){
      axios.get('https://restcountries.eu/rest/v2/all')
    .then(response => {
          const data = response.data;
          const result = Object.assign({}, ...Object.keys(data).map(k => ({[data[k].alpha2Code]: data[k].area})));       
          this.setState({
         data:response.data,
             result:result
      })
          console.log(this.state.result)
    })
    .catch((error) => {
          console.log("error", error)
    })
  }
render() { 
    return (
       <div className="chart">
            </div>
        )
}
}
export default Graph;

С помощью какой либы можно построить график?Или может нужно для этого как-нибудь поменять данные?