Grátis
Ember & Bun · 16:9
Renderizado por este Skill
Corrida de gráfico de barras v1.0.0
Barras em ranking crescem e se ultrapassam conforme os meses passam, com o eixo se reajustando à medida que os números sobem.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:12
Grátis Grátis com uma conta
Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.
Um bloco gratuito do HyperFrames que transforma uma tabela pequena numa corrida de gráfico de barras. Cole seus períodos e séries como texto simples; as barras crescem, trocam de posição e se ultrapassam período a período, os valores sobem ao lado delas e o eixo se reajusta conforme eles crescem. Título, subtítulo, dados, número de barras, velocidade, formato dos números e destaque são variáveis.
Atualizado em 3 de nov. de 2026
O que você recebe
- Uma corrida de gráfico em MP4 em 1920×1080, com 2 segundos por período por padrão
- Ultrapassagens, rótulos com contagem crescente e um eixo que se ajusta sozinho
- Dados inseridos como texto simples, sem planilhas
Ideal para
- Histórias de vendas, crescimento e rankings
- Retrospectivas do ano e posts de marcos
- Jornalismo de dados e explicações para aulas
Não é para
- Dezenas de séries ou intervalos de tempo muito longos
- Números exatos que as pessoas precisam ler com calma
Sobre este Skill
Você diz
/bar-chart-race Faça uma corrida de gráfico de barras com o título "Ember & Bun: burgers sold by month" de junho a novembro, valores em milhares: Double Stack 12, 18, 26, 35, 47, 61; Classic Cheese 22, 25, 28, 30, 32, 33; e mais quatro itens do cardápio. Destaque laranja.
Rankings que mudam com o tempo são uma história, e uma corrida de gráfico de barras conta essa história em segundos. Passe ao Bar Chart Race alguns períodos e algumas séries como texto simples; ele anima a subida, as ultrapassagens e o líder, com tipografia editorial limpa e uma cor de destaque na barra que está na frente.
Como funciona
- Peça: diga ao seu agente o título, os períodos e os valores de cada série como texto simples, além das unidades.
- Preencha: ele escreve seus textos e suas cores nas variáveis do bloco, mantendo os textos perto do tamanho para o qual o layout foi feito.
- Renderize: ele renderiza um rascunho com
npx hyperframes render, confere alguns quadros e renderiza o MP4 final. - Reaproveite: as variáveis ficam num pequeno arquivo JSON, então a próxima versão é só mais uma renderização.
Dicas
- De quatro a oito séries e de quatro a oito períodos ficam mais legíveis.
- Escolha o destaque para o item que você quer que o público acompanhe.
- Use o prefixo e o sufixo para unidades como $, k ou %.
- Aumente a duração de cada período para uma corrida mais calma e fácil de ler.
Código aberto
Este é um bloco do registro do HyperFrames, feito pela HeyGen e pelos colaboradores do HyperFrames (heygen-com/hyperframes) e compartilhado sob a Apache License 2.0. O download é o bloco com seus arquivos e um SKILL.md escrito pela Reelity, para que seu agente saiba preenchê-lo e renderizá-lo; o HyperFrames em si roda pelo npm.
O que você precisa antes de começar
- Você fornece
- Seus períodos e os valores de cada série, um título e as unidades.
- Dependências
- Node.js 22 ou superior — obrigatório · FFmpeg — obrigatório
- Custos externos
- Nenhum. O HyperFrames é gratuito, de código aberto e renderiza no seu próprio computador.
- Último teste
- v1.0.0 —
Avaliações de usuários
Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.
Perguntas frequentes
Em que formato entram os dados?
Uma linha por série: o nome, dois-pontos e os valores separados por vírgulas, na mesma ordem dos períodos. Seu agente pode converter uma planilha nesse formato para você.
Qual é a duração do vídeo?
Dois segundos por período por padrão, então seis períodos dão cerca de 12 segundos. A duração de cada período é uma variável.
Por que é grátis?
É um bloco de código aberto do HyperFrames, da HeyGen e dos colaboradores do HyperFrames. Nós o listamos como está, com um SKILL.md para que seu agente possa usá-lo e uma amostra feita com uma das nossas marcas da casa, a Ember & Bun.
