PAUL GUERRERO software engineer
← proyectos

viz-components

  • lit
  • web-components
  • highcharts
  • npm

Hice una librería de gráficos con una regla incómoda: tenía que funcionar igual en un proyecto Next.js nuevo, en una app Angular y en una página servida con HTML de hace diez años. Sin adaptadores, sin una versión por framework.

La forma de conseguirlo fue no casarse con ninguno. En vez de construirla sobre React o Angular, la construí sobre Web Components: el navegador ya sabe registrar etiquetas propias, así que <viz-chart> es una etiqueta más, como <input>. Donde haya un navegador, funciona.

Otra decisión que dio sus frutos: diseñé la librería antes que nada que la usara. Sin un consumidor concreto delante, la API sale pensada para cualquiera, no moldeada a las prisas del primer proyecto. Está publicada en npm, y el mismo componente vive sin cambios en sitios muy distintos.

Aquí no hay inteligencia artificial por ningún lado. No hacía falta.


Cómo está hecho — Lit · Highcharts · TypeScript · Web Components

Disponible en npm