要从Altair创建的JSON中提取数据,需要使用Altair的数据转换功能将数据转换为可用的格式。下面是一个示例,该示例使用了Iris数据集来创建Altair图表,并在JavaScript中使用Altair的数据转换功能将图表数据导出为CSV格式。然后,Python使用pandas库将CSV数据加载到数据框中,并使用Altair创建了相同的图表。
JavaScript代码:
//导入Altair和Iris数据集
const { iris } = require('vega-datasets');
const Altair = require('altair-vega-lite-api');
//创建Altair图表
const chart = Altair.Chart(iris)
.markCircle()
.encode(
Altair.X('petalLength'),
Altair.Y('petalWidth'),
Altair.Color('species')
);
//使用数据转换功能导出图表数据
const csvData = chart.toCSV().then(console.log);
Python代码:
import pandas as pd
import altair as alt
#加载CSV数据并创建Altair图表
df = pd.read_csv('iris.csv')
alt.Chart(df).mark_circle().encode(
x='petalLength',
y='petalWidth',
color='species'
)