Componente de grade de dados em JavaScript/TypeScript com aparência de planilha, edição e fórmulas, compatível com React, Angular e Vue.
22,1 mil+5 esta semana3,2 milTypeScriptOtherAtualizado há 22 horas
antvis/S2
Biblioteca de visualização em TypeScript para criar tabelas dinâmicas multidimensionais e grades de análise, com componentes para React e Vue.
- Estrelas
- 1,697
- Forks
- 221
- Issues abertas
- 97
- Último commit
- há 2 meses
O que é?
S2 é uma biblioteca de tabelas orientada a dados para análises cruzadas multidimensionais. Os desenvolvedores configuram linhas, colunas e medidas a partir de um conjunto de dados, e a biblioteca renderiza uma tabela dinâmica que pode ser reorganizada com qualquer combinação de dimensões.
O projeto é dividido em um pacote principal e integrações com frameworks. @antv/s2 oferece o PivotSheet principal e a renderização de tabelas, enquanto @antv/s2-react e @antv/s2-vue fornecem componentes prontos para uso. Pacotes adicionais incluem componentes voltados para negócios e renderização no servidor.
S2 oferece suporte a seleção, congelamento, redimensionamento e interações personalizadas, além de permitir estender o layout, as interações, os estilos e o processamento de dados. A documentação em chinês e inglês inclui um playground interativo.
Recursos principais
- 01Combinação livre de quaisquer dimensões em tabelas dinâmicas para análise cruzada.
- 02Renderiza grandes conjuntos de dados com resposta rápida ao detalhar os dados, de acordo com os benchmarks informados pelo projeto.
- 03Componentes prontos para React e Vue 3.
- 04Interações de seleção (única, múltipla e por intervalo), congelamento e redimensionamento.
- 05Layout, interações, estilos e processamento de dados extensíveis.
Casos de uso
- Criar tabelas dinâmicas para relatórios financeiros ou de vendas em um dashboard web.
- Adicionar tabelas cruzadas editáveis e multinível a um sistema administrativo em React ou Vue.
- Renderizar tabelas analíticas grandes que exigem navegação por detalhamento dos dados.
Início rápido
- 1
Instale o pacote via npm
npm install @antv/s2 --save - 2
Prepare um contêiner DOM e renderize um PivotSheet com a configuração dos seus dados
Em coleções
Tópicos
#data-visualization#pivot-table#typescript#react#vue#canvas#spreadsheet#editable-table#javascript#pivot-grid
Perguntas frequentes
- O que é S2?
- Biblioteca de visualização em TypeScript para criar tabelas dinâmicas multidimensionais e grades de análise, com componentes para React e Vue. S2 é uma biblioteca de tabelas orientada a dados para análises cruzadas multidimensionais. Os desenvolvedores configuram linhas, colunas e medidas a partir de um conjunto de dados, e a biblioteca renderiza uma tabela dinâmica que pode ser reorganizada com qualquer combinação de dimensões.
- S2 é gratuito? Qual é a licença?
- S2 é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- S2 ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de S2 foi em 14 de set. de 2026.
- Para que posso usar S2?
- Criar tabelas dinâmicas para relatórios financeiros ou de vendas em um dashboard web. Adicionar tabelas cruzadas editáveis e multinível a um sistema administrativo em React ou Vue. Renderizar tabelas analíticas grandes que exigem navegação por detalhamento dos dados.
- Como instalar S2?
- Instale o pacote via npm: npm install @antv/s2 --save Prepare um contêiner DOM e renderize um PivotSheet com a configuração dos seus dados
- Onde consigo S2?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/antvis/S2
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Ferramenta de relatórios e BI em .NET auto-hospedada que transforma fontes SQL e NoSQL em relatórios, tabelas dinâmicas, gráficos e entregas agendadas, com tarefas de ETL.
1,6 mil+2 esta semana509C#MITAtualizado ontem
Framework modular de visualização de dados em TypeScript, com gráficos, mapas e grafos de rede para React, Angular, Svelte, Vue, Solid e JavaScript puro.
2,9 mil+5 esta semana76TypeScriptApache-2.0Bem mantidoAtualizado há 23 horas
Componente de tabela de dados para PC em Vue 2/3, com edição em linha, rolagem virtual, copiar e colar no estilo Excel, filtros e agrupamento no estilo tabela dinâmica.
8,6 mil+3 esta semana1,1 milTypeScriptMITBem mantidoAtualizado ontem
Um data grid para React sem dependências, com modos headless e pré-estilizado, compatível com ordenação, filtragem, agrupamento, pivotamento e virtualização.
1 mil54TypeScriptOtherAtualizado há 3 meses
Um SDK open source em TypeScript para incorporar a edição de planilhas, documentos e apresentações aos seus próprios apps, com suporte headless a Node.js para agentes.
22,9 mil+107 esta semana1,9 milTypeScriptApache-2.0Bem mantidoAtualizado ontem