条形竞赛图

Attributes

License: CC-BY
Resolution: 1920x1080
Frame rate: 30 fps
Duration: 12s
Package size: 8 KB
Published: 2026-09-26
Updated: 2026-09-26

Author

浩叔

Works

Stars earned

Details

动态条形竞赛（Bar Chart Race）：各系列按期线性插值取值，排名在每期 10 个关键帧上烘焙后平滑换位，领先者整条染成强调色，坐标轴刻度随值域滑动重标定，落榜的行滑出可见槽位时淡出，右上期号随期切换；跑完 10 秒定格在末帧直到 12 秒合成结束。数据可由 url 接口提供，接口为空或失败时回退 data 内联数据

图表数据图表条形竞赛图

OGRAF 配置

修改后实时应用到预览

UrlData

{
  "title": "Streaming Subscribers by Service",
  "subtitle": "Ranked by reported subscribers",
  "periodCaption": "Period",
  "source": "Placeholder data",
  "periods": [
    "2019",
    "2020",
    "2021",
    "2022",
    "2023",
    "2024"
  ],
  "series": [
    {
      "name": "Northwind",
      "values": [
        42,
        58,
        71,
        96,
        118,
        131
      ]
    },
    {
      "name": "Cobalt",
      "values": [
        30,
        46,
        68,
        92,
        126,
        168
      ]
    },
    {
      "name": "Ferry",
      "values": [
        55,
        62,
        66,
        70,
        74,
        79
      ]
    },
    {
      "name": "Marlow",
      "values": [
        18,
        33,
        52,
        61,
        88,
        104
      ]
    },
    {
      "name": "Aster",
      "values": [
        25,
        28,
        44,
        58,
        63,
        72
      ]
    },
    {
      "name": "Pell",
      "values": [
        12,
        20,
        39,
        47,
        55,
        90
      ]
    },
    {
      "name": "Quill",
      "values": [
        8,
        11,
        15,
        24,
        40,
        66
      ]
    },
    {
      "name": "Dunmore",
      "values": [
        35,
        37,
        38,
        40,
        42,
        44
      ]
    }
  ],
  "valuePrefix": "$",
  "valueSuffix": "M",
  "valueDecimals": 0
}

JSON 格式，修改后实时应用到预览

Bar CountPeriod DurationFont FamilyFont SizeLetter SpacingFont Color

Stroke WidthStroke Color

Muted Color

Bar Color

Accent Color

Grid Color

Background Color

条形竞赛图

Attributes

Author

Details

More from this author

矩形选中

经典打字机

彩色块人名条

柱线组合图