tremor-npm

O Tremor NPM é uma coleção de mais de 20 componentes React de código aberto projetados para a construção de gráficos e dashboards analíticos. A biblioteca é construída sobre o Tailwind CSS e é descrita como sendo feita por cientistas de dados e engenheiros de software com foco em design. Ela é publicada no npm como @tremor/react. O que ela oferece - Componentes de gráficos e visualização, como o AreaChart, que renderizam séries a partir de um array de dados tipados usando um campo de índice e uma lista de chaves de categoria, com cores e opções de eixo configuráveis. - Blocos de construção de layout e exibição, como o Card e classes de estilização de texto (por exemplo, text-tremor-default, text-tremor-metric, text-tremor-content e suas contrapartes de tema escuro) que mantêm as interfaces analíticas consistentes. - Estilização que considera esquemas de cores claros e escuros, conforme mostrado nas capturas de tela de exemplo e ativos de logotipo do projeto. O exemplo do README mostra um componente React do lado do cliente que define um array chartdata de registros datados e, em seguida, renderiza um Card contendo um rótulo, um valor de métrica e um AreaChart com duas categorias mapeadas para as cores indigo e rose. Requisitos e configuração A biblioteca depende do Tailwind CSS, portanto, uma configuração do Tailwind CSS é necessária no projeto consumidor, além da instalação do pacote. O projeto direciona os leitores para seu guia de instalação em npm.tremor.so para as etapas completas de configuração. A documentação e um site estão vinculados no topo do repositório. Comunidade e contribuição Os mantenedores afirmam que aceitam novas ideias e melhorias, e convidam a pull requests para qualquer coisa construída com a biblioteca ou quaisquer bugs encontrados. Um acordo de licença de contribuidor é referenciado no site do projeto, e há também uma comunidade no Slack para o projeto, bem como uma conta no X (@tremorlabs) para atualizações. Licença O projeto é lançado sob a Apache License 2.0. O README contém um aviso de copyright da Tremor Labs, Inc. Para quem é indicado Desenvolvedores que constroem aplicações web focadas em dados em React e que desejam componentes de gráficos e cartões pré-construídos em vez de montar uma camada de gráficos do zero, particularmente equipes que já utilizam Tailwind CSS para estilização. Note que os detalhes de integração, o inventário de componentes e o comportamento devem ser confirmados na documentação atual antes da adoção.