You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Choropleth地图的滑块Vega-Lite

以下是一个使用Vega-Lite和滑块的Choropleth地图的示例代码:

import altair as alt
from vega_datasets import data

# 加载数据集
source = data.world_110m.url

# 创建滑块
slider = alt.binding_range(min=0, max=100, step=1)
slider_selection = alt.selection_single(bind=slider, fields=['value'], name="滑块")

# 创建Choropleth地图
choropleth = alt.Chart(source).mark_geoshape().encode(
    color=alt.Color('population:Q', scale=alt.Scale(scheme='viridis')),
    tooltip=[
        alt.Tooltip('country:N', title='Country'),
        alt.Tooltip('population:Q', title='Population')
    ]
).transform_lookup(
    lookup='id',
    from_=alt.LookupData(data=source, key='id', fields=['population'])
).transform_filter(
    slider_selection
).project('naturalEarth1')

# 创建滑块控制图表
slider_chart = alt.Chart({'values': [{'value': 50}]}).mark_circle(size=300).encode(
    alt.Y('value:Q', axis=alt.Axis(title='滑块')),
).add_selection(
    slider_selection
).transform_calculate(
    value='datum.value'
)

# 组合地图和控制图表
final_chart = alt.vconcat(choropleth, slider_chart).resolve_scale(color='independent').configure_view(stroke=None)

# 显示图表
final_chart.show()

这个代码示例使用Altair库和vega_datasets中的一个世界地图数据集。它创建一个Choropleth地图,根据人口数量对国家进行着色,并通过滑块控制显示的国家数量。滑块的范围是从0到100,步长为1。

滑块控制部分由sliderslider_selection变量创建。slider定义了滑块的范围和步长,slider_selection定义了滑块的选择器。

Choropleth地图部分由choropleth变量创建。它使用mark_geoshape创建地图,将人口数量映射到颜色并添加了工具提示。通过transform_lookuptransform_filter转换操作,根据滑块的选择来过滤和查找数据。

滑块控制图表部分由slider_chart变量创建。它使用mark_circle创建一个圆圈,Y轴表示滑块的值。slider_selection用作选择器,并通过transform_calculate将值传递给地图。

最后,使用alt.vconcat将地图和滑块控制图表垂直组合,并使用resolve_scaleconfigure_view对图表进行一些配置。最后,使用final_chart.show()显示图表。

您可以根据需要修改代码,例如更改数据集或更改滑块的范围。这个示例代码可以在Jupyter Notebook或类似的环境中运行。

本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。
展开更多
面向开发者的云福利中心,ECS 60元/年,域名1元起,助力开发者快速在云上构建可靠应用

社区干货

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

Choropleth地图的滑块Vega-Lite-优选内容

Choropleth地图的滑块Vega-Lite-相关内容

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

产品体验

体验中心

云服务器特惠

云服务器
云服务器ECS新人特惠
立即抢购

白皮书

一图详解大模型
浓缩大模型架构,厘清生产和应用链路关系
立即获取

最新活动

爆款1核2G共享型服务器

首年60元,每月仅需5元,限量秒杀
立即抢购

火山引擎增长体验专区

丰富能力激励企业快速增长
查看详情

数据智能VeDI

易用的高性能大数据产品家族
了解详情

一键开启云上增长新空间

立即咨询