Javascript 如何在altair python中将列中的数据绘制到世界地图上

对于可视化项目，我有以下示例数据集：

country|continent|rank|house|total|year
 france|Eu       |a   |top  |23   |2010
 france|Eu       |b   |top  |21   |2010
 france|Eu       |b   |mid  |19   |2012
 italy |Eu       |b   |top  |25   |2010
 italy |Eu       |a   |top  |26   |2012
 china |asia     |b   |mid  |35   |2010
 korea |asia     |a   |mid  |29   |2010
 china |asia     |a   |top  |40   |2012
 korea |asia     |b   |top  |33   |2012
 kenya |africa   |b   |mid  |20   |2010
 kenya |africa   |c   |mid  |18   |2012

我想用牵牛星在世界地图上绘制信息，以获得如下信息：

注意：我只需要一张世界地图，而不是像图中那样的两张

我想要的是-将总计列作为红点大小，根据数字悬停，显示总计的值。在侧面，最好是右侧或顶部，我想创建一个selectordropdown，用于年份、排名和房屋，并提供一个互动选项，以便-

例如，在法国-如果我选择house-top，则显示的总数应为44，而选择house mid，则显示的总数应为19。 作为最后一步，我想让大陆选择器下拉列表，这样，如果选择了一个大陆，该部分就会放大

我最近开始使用altair，我知道如何构建单独的组件，如下拉列表或连接两个图表等，如世界地图-

将牵牛星导入为alt 从vega_数据集导入数据 后台数据生成器 sphere=alt.sphere 分划=高度分划 土地数据来源 source=alt.topo_featuredata.world_110m.url，“国家” 分层和配置组件 alt.layer alt.Chartsphere.mark_geoshapefill='lightblue'， alt.ChartGradicule.mark_geoshapestroke='white'，strokeWidth=0.5， alt.Chartsource.mark_geoshapefill='ForestGreen'，stroke='black' 项目 “自然学习1”

---

属性宽度＝600，高度＝400。根据你的情况，你可以

将牵牛星导入为alt 从vega_数据集导入数据 机场=data.airports.url states=alt.topo_featuredata.us_10m.url，feature='states' 美国国家背景 背景=alt.Chartstates.mark\u geoshape 填充“浅灰色”， “白色” .物业 宽度=500， 高度=300 .albersUsa项目 机场背景位置 points=alt.Chartairports.transform\u聚合 纬度=‘平均纬度’， 经度=‘平均经度’， count='count'， groupby=['state'] .mark_circle.encode 经度=‘经度：Q’， 纬度=‘纬度：Q’， size=alt.size'count:Q'，title='机场数量'， 颜色=alt.value'steelblue'， 工具提示=['state:N'，'count:Q'] .物业 title='美国的机场数量' 背景+积分

---

华盛顿大学有一个根据你的情况，你可以

将牵牛星导入为alt 从vega_数据集导入数据 机场=data.airports.url states=alt.topo_featuredata.us_10m.url，feature='states' 美国国家背景 背景=alt.Chartstates.mark\u geoshape 填充“浅灰色”， “白色” .物业 宽度=500， 高度=300 .albersUsa项目 机场背景位置 points=alt.Chartairports.transform\u聚合 纬度=‘平均纬度’， 经度=‘平均经度’， count='count'， groupby=['state'] .mark_circle.encode 经度=‘经度：Q’， 纬度=‘纬度：Q’， size=alt.size'count:Q'，title='机场数量'， 颜色=alt.value'steelblue'， 工具提示=['state:N'，'count:Q'] .物业 title='美国的机场数量' 背景+积分