地圖與地理資訊的應用

Table of contents

背景

st.map

import streamlit as st
import pandas as pd
import numpy as np

df = pd.DataFrame(
    np.random.randn(1000, 2) / [50, 50] + [23.76, 120.4],
    columns=["lat", "lon"],
)
st.map(df)

vega_lite types

  • Maps (Geographic Displays)
  • Interactive
  • Community Examples

    Interactive Charts

  • Bar Chart with Highlighting on Hover and Selection on Click
  • Histogram with Full-Height Hover Targets for Tooltip
  • Interactive Legend
  • Scatterplot with External Links and Tooltips
  • Rectangular Brush
  • Area Chart with Rectangular Brush
  • Paintbrush Highlight
  • Scatterplot Pan & Zoom
  • Query Widgets
  • Interactive Average
  • Multi Series Line Chart with an Interactive Line Highlight
  • Multi Series Line Chart with an Interactive Point Highlight
  • Multi Series Line Chart with Labels
  • Multi Series Line Chart with Tooltip
  • Multi Series Line Chart with Tooltip
  • Isotype Grid
  • Brushing Scatter Plot to show data on a table
  • Selectable Heatmap
  • Bar Chart with a Minimap
  • Interactive Index Chart
  • Focus + Context - Smooth Histogram Zooming
  • Dynamic Color Legend
  • Search Input
  • Change zorder on hover

    一、圖表類型分類

    1. 條形圖（Bar Chart）

  • 懸停高亮、點擊選擇的條形圖
  • 帶迷你圖的條形圖

    2. 直方圖（Histogram）

  • 全高懸停提示工具提示的直方圖）
  • 焦點+上下文平滑縮放直方圖）

    3. 散點圖（Scatterplot）

  • 帶外部鏈接和工具提示的散點圖
  • 平移縮放散點圖
  • 刷選散點圖聯動表格數據
  • 畫筆高亮散點圖
  • 矩形刷選散點圖

    4. 面積圖（Area Chart）

  • 帶矩形刷選的面積圖

    5. 折線圖（Line Chart）

  • 交互式線條高亮的多系列折線圖
  • 交互式點高亮的多系列折線圖
  • 帶標籤的多系列折線圖
  • 帶工具提示的多系列折線圖（重複項，可合併)
  • 具互動平均值的折線圖
  • 互動指數圖表（可能為折線圖變種）

    6. 熱圖（Heatmap）

  • 可選擇的熱圖

    7. 其他特殊圖表

  • 等距網格圖（常用於數據可視化中的圖標排列）

    二、交互功能分類

    1. 懸停與高亮（Hover & Highlighting）

  • 懸停高亮（如條形圖、折線圖）
  • 懸停時改變層級- 畫筆高亮（通過選框動態高亮數據點）
  • 直方圖全高懸停觸發工具提示

    2. 點擊與選擇（Click & Selection）

  • 點擊選擇（如條形圖）
  • 可點擊選擇的熱圖

    3. 刷選與區域選擇（Brushing）

  • 矩形刷選工具（用於框選數據範圍）
  • 散點圖刷選聯動表格
  • 面積圖矩形刷選

    4. 縮放與導航（Zoom & Navigation）

  • 散點圖平移縮放（Scatterplot Pan & Zoom）
  • 焦點 + 上下文
  • 直方圖平滑縮放（Smooth Histogram Zooming，焦點+上下文模式）
  • 迷你圖導航（Minimap，如條形圖中的縮略圖）

    5. 工具提示與標籤（Tooltips & Labels）

  • 懸停提示（Tooltips，如散點圖、折線圖）
  • 資料標籤（Labels，如折線圖直接標註數值）

    三、元件與控件分類

    1. 圖例（Legend）

  • 互動式圖例（Interactive Legend，如點擊切換系列顯示）
  • 動態顏色圖例（Dynamic Color Legend，隨資料變化更新）

    2. 外部互動元件

  • 查詢控件（Query Widgets，如篩選器、下拉菜單）
  • 搜索輸入框（Search Input，用於資料過濾）
  • 外部連結（External Links，散點圖中鏈接到外部頁面）

    3. 資料聯動（Data Linking）

  • 散點圖與表格資料聯動（Brushing Scatter Plot to show data on a table）

    四、重複項與說明

  • 含工具提示的多系列折線圖 出現兩次，可合併為一項。
  • 互動指數圖 可能屬於折線圖變種，需結合具體場景判斷。
  • 圖示網格 屬於非傳統統計圖表，常用於資訊圖表設計。

    Interactive Multi-View Displays

一、按交互功能與技術分類

1. 強調交互過濾與高亮的工具/方法

  • Crossfilter (Filter)
  • 功能：基於多維數據的過濾交互，用於動態篩選數據子集。
  • 特點：通過不同視覺元素（如圖表、濾鏡）的聯動，實現數據的交叉過濾。
  • Crossfilter (Highlight)
  • 功能：在Crossfilter基礎上強化高亮顯示功能，用於標註關鍵數據點或子集。
  • 特點：強調交互時的視覺反饋（如顏色高亮、邊框突出），幫助用戶聚焦重點。

    2. 交互式多維數據視覺化

  • Interactive Scatterplot Matrix
  • 功能：通過多個散點圖的矩陣排列，展示多變量之間的相關性。
  • 特點：支持交互式選擇（如單擊、框選），實時更新子圖數據，適用於探索性數據分析（EDA）。 - Interactive Dashboard with Cross Highlight
    • 功能：綜合多個視覺組件（如圖表、地圖、表格）的交互式儀表板，支持組件間的高亮聯動。
    • 特點：用戶操作某一組件時（如選中數據點），其他組件同步高亮顯示相關數據，增強數據關聯性分析。

      二、按應用主題與場景分類

  • Connections among Major U.S. Airports
    • 主題：美國主要機場的航線網絡連接分析（如航班流量、樞紐機場影響力等）。
    • 場景：交通運輸、航空物流或地理網絡分析。
    • hover lines showing

Deck.gl

MapBox

website embeded

<iframe width='100%' height='400px' src="https://api.mapbox.com/styles/v1/sinotec2/cm46plqbe001o01stgthy8mvu.html?title=false&access_token=pk.eyJ1Ijoic2lub3RlYzIiLCJhIjoiY200Nm9uOHlpMTgzMTJscXd0emVybnppMiJ9.fyDbNCIwln5ck1SBQ2_OVw&zoomwheel=false#2/38/-34" title="normal" style="border:none;"></iframe>