Merge pull request #52 from Priyami/visualizedata

Bubblechart  d3.js

Author: princiya

package-lock.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+    "d3": "^7.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^5.3.0",

package.json

@@ -0,0 +1,37 @@
+import React, { useEffect, useState } from "react";
+import Bubblechart from "../Resources/Bubblechart";
+
+const GitApi = () => {
+  
+  const [contributor, setContributor] = useState([]);
+
+  useEffect(() => {
+    const url = "https://api.github.com/repos/frontendstudygroup/frontendstudygroup.github.io/contributors";
+
+    const fetchData = async () => {
+      try {
+        const response = await fetch(url);
+        const json = await response.json();
+        setContributor(json)
+
+      } catch (error) {
+        console.log("error", error);
+      }
+    };
+
+    fetchData();
+
+}, []);
+
+return (
+
+  <div>
+    
+    <Bubblechart data = {contributor}></Bubblechart>
+    
+  </div>
+);
+};
+
+
+export default GitApi;