匯入資料的APIs

1. d3.json( )

範例API： 新竹縣政府水資源回收中心每日排放量

程式碼

            
              //JS
              // 使用 CORS-AnyWhere 跨網域存取 API 資料
              const cors = "https://cors-anywhere.herokuapp.com/";
              const url ="https://ws.hsinchu.gov.tw/001/Upload/1/opendata/8774/1380/af80d954-d968-42a0-bc97-a2f801840b65.json";

              const getCorsData = async () => {
                const dataGet = await d3.json(`${cors}${url}`); // 串接網址
                console.log("d3.json()", dataGet);
              };
              getCorsData();
2. d3.csv( )、d3.tsv( )、d3.dsv( )

- 範例資料檔案連結： COVID-19各國家地區累積病例數與死亡數

程式碼

            
              // 拿取csv資料
              const getCsvData = async () => {
                const csvData = await d3.csv(
                  "./data/covid19_global_cases_and_deaths.csv"
                );
                console.log("csvData", csvData);
              };
              getCsvData();
- 使用參數中的function 抓取特定值

程式碼

            
              //JS
              const getCsvSpecificData = async () => {
                const csvSpecificData = await d3.csv(
                  "./data/covid19_global_cases_and_deaths.csv",
                  (d) => d.country_ch
                );
                console.log("csv Specific Data", csvSpecificData);
              };
              getCsvSpecificData();