Линейная диаграмма с пользовательским доверительным интервалом в Альтаире

Question

Предположим, у меня есть кадр данных ниже:

Я проверил документацию , но она основана только на одном столбце.

Воспроизводимый код:

x = np.random.normal(100,5,100)
data = pd.DataFrame(x)
epsilon = 10
data.columns = ['x']
data['lower'] = x - epsilon
data['upper'] = x + epsilon
data

Я бы на самом деле хотел использовать altair, поскольку мне нравится его интерактивность.

Answer 1

Вы можете наложить линию и диаграмму области, используя кодировки y и y2, чтобы указать диапазон:

import altair as alt
import pandas as pd
import numpy as np

x = np.random.normal(100,5,100)
epsilon = 10
data = pd.DataFrame({
    'x': x,
    'lower': x - epsilon,
    'upper': x + epsilon
}).reset_index()

line = alt.Chart(data).mark_line().encode(
    x='index',
    y='x'
)

band = alt.Chart(data).mark_area(
    opacity=0.5
).encode(
    x='index',
    y='lower',
    y2='upper'
)

band + line