圖表控件AnyChart每周數據可視化案例（二十一）：改變全球城市公園的聲景

---

AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件，可創建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用，可用于儀表盤、報表、數據分析、統計學、金融等領域。

點擊下載AnyChart正式版

有許多方法可以繪制數據。根據您的情況選擇哪一個？答案當然取決于您需要分析哪種數據以及您希望它回答什么問題。在DataViz Weekly中，我們會定期為您提供一些最佳實踐。唯一將它們團結在一起的是，所有突出顯示的項目都已在不久前公開發布。因此，這里有一些新的很棒的例子和啟發：

• 改變全球城市公園的聲景—麻省理工學院感性城市實驗室
• 美國額外的600美元失業救濟金—紐約時報
• 巴西的COVID-19死亡人數（好像所有人都在一個社區中發生）—AgênciaLupa和Google新聞倡議
• 網絡圖中的權力游戲戰斗— Wayde Herman

改變全球城市公園的聲景

鎖定政策和居家政策對全世界城市的活動產生了深遠影響。花費在家里的時間增加了，導致室外通常的噪音水平大大降低，從而為以前的靜音提供了空間。

麻省理工學院感性城市實驗室研究了城市公園聲景如何變化的棱鏡變化。在這項研究中，專家們選擇了五個公園：紐約市的中央公園，倫敦的海德公園，米蘭的公共花園，新加坡的濱海藝術中心和舊金山的金門公園。然后，他們借助機器學習算法對聲音進行分類，分析了在COVID-19大流行之前和期間在這些公園中散步所獲得的音頻記錄。

這項研究的結果在一個名為“ 聲波城市 ”的令人印象深刻的項目中得到了體現，該項目現在可以在麻省理工學院感性城市實驗室的網站上找到。它具有驚人的可視化效果，使您可以輕松有趣地探索五個公園不斷變化的聲音。（您甚至可以聽到它們并識別出差異！只需確保聲音打開即可。）

美國額外的600美元失業救濟

隨著美國聯邦政府本月底提供的額外600美元失業救濟，紐約時報視覺記者Ella Koeze用圖表顯示了這些付款對美國人的意義以及當定期刺激付款實際上消失后該國將會發生什么。

埃拉（Ella）利用由芝加哥大學的一組研究人員建造的專用計算器，將不同收入水平的每周估計失業金金額可視化，灰色點表示每個州的各自值，白色點表示整個州的平均值。美國稍后滾動時出現的彩色范圍通過顯示所謂的替換率（即每個組以前每周收入的百分比）來提供上下文。然后，您會看到沒有額外的$ 600會得到什么。

美國國會仍在討論一種新的冠狀病毒緩解方案。民主黨人建議，600美元的補助金應在2020年底之前一直有效。共和黨人提出了一項計劃，以確保將工人以前的工資替換掉70％。因此，不要停止滾動《紐約時報》的報道，看看70％的計劃如何改變這種情況。每種狀態的末尾都有較小的圖表。

COVID-19在巴西死亡

有時真的很難理解大量數字。這是一個例子。到目前為止，巴西有超過80,000人死于COVID-19。但是巴西擁有超過2億人口，最大的疫情集中在幾個大都市地區。這么多人根本感覺不到規模。

更明顯的是，巴西的AgênciaLupa和Google新聞計劃發起了一個提供上下文的交互式數據可視化項目。輸入您的地址（在巴西），系統將模擬如果確認為整個國家/地區的所有COVID-19死亡都發生在您附近的居民附近，該怎么辦。每個死亡都被描繪成一個白點。這一切都從一個點開始，它代表3月份首例死于新型冠狀病毒的巴西人，然后擴展為顯示輸入地址附近的90717人居住-這是今天巴西最新的COVID死亡人數在網站上。

模擬實際上看起來令人印象深刻。當這些數字與您個人和您自己的生活環境有關，而不是與其他人相處時，這些數字幾乎是有形的。請保持安全并保重。

網絡圖中的權力游戲

我們在博客中發布了新的JS圖表教程。在這篇文章中，經驗豐富的數據可視化開發人員Wayde Herman提供了關于如何創建表示有關《權力的游戲》戰斗數據的交互式網絡圖的出色分步說明。本周，該教程的最終圖表在Reddit上受到了好評，例如，在發布后的最初幾個小時內收集了數十種贊譽，很快就躋身/ r / visualization子目錄的頂部。因此，我們今天不禁在DataViz Weekly中突出顯示它，這是在可視化中繪制數據的另一個很好的例子。

韋德確實做了出色的工作。他從Wikimedia Foundation機器學習總監Chris Albon的數據集“五王之戰”中獲取數據，并將其處理為JSON，并借助AnyChart JavaScript庫將其可視化為網絡圖。該圖表在顯示權力關系游戲中的關系以及誰攻擊了誰方面做得很好。

本教程顯示了幾張圖表，從基于默認值的基礎圖表到自定義的幾張圖表，再到最后一張圖表。所有圖形均可在CodePen和Playground上獲得完整代碼。您將在文章中找到鏈接。看一下，如果您的網站或應用需要這樣的圖表，則即使您是初學者，也可以在那里快速學習和掌握該技術。

相關產品推薦：
AnyGantt-構建復雜且內容豐富的甘特圖的理想工具

AnyMap-可交互式地圖是AnyChart組件

AnyStock-基于XML/JSON的Flash金融圖表解決方案

---

想要購買AnyChart正版授權，或了解更多產品信息請點擊