factor.factor), input2: cityID }, responseType: "blob" }) .then(res => { setImgUrl(URL.createObjectURL(res.data)); }) .catch(err => console.log(err)); }; dataViz(); }, [cityID]);"> factor.factor), input2: cityID }, responseType: "blob" }) .then(res => { setImgUrl(URL.createObjectURL(res.data)); }) .catch(err => console.log(err)); }; dataViz(); }, [cityID]);"> factor.factor), input2: cityID }, responseType: "blob" }) .then(res => { setImgUrl(URL.createObjectURL(res.data)); }) .catch(err => console.log(err)); }; dataViz(); }, [cityID]);">

Library/Frameworks

API Integration

//Change to BE endpoint
  useEffect(() => {
    const dataViz = () => {
      axios({
        method: "post",
        url: "<https://best-places-api.herokuapp.com/visual>",
        data: { input1: factors.map(factor => factor.factor), input2: cityID },
        responseType: "blob"
      })
        .then(res => {
          setImgUrl(URL.createObjectURL(res.data));
        })
        .catch(err => console.log(err));
    };
    dataViz();
  }, [cityID]);