inegicomponentes-grafica/README.md

Componentes de visualizacion 2023 - Graficas

# INEGI Componentes Graficas 

Libreria para la generación de graficas

Caracteristicas:

- Grafica de lineas, barras, columnas, stacks, pastel, multilinea, error bar, etc
- Barra de herramientas con opciones de: exportar grafica en pdf e imagen
- Cambiar tipo de gráfica, ver tabla de datos


## Instalación y uso

```shell
# paso 1: colocarse en el directorio raiz del proyecto y ejecutar:
$ npm install
# paso 2: correr el proyecto en el navegador
$ npm run dev
# paso 3: correr el empaquetador en tiempo real
$ npm run build
```

## Estructura del proyecto

```
└── 📁INEGI.Componentes.Indicadores.Grafica
    └── .eslintrc.cjs
    └── .npmrc
    └── .tfignore
    └── 📁.vs
        └── 📁INEGI.Componentes.Indicadores.Grafica
            └── 📁config
                └── applicationhost.config
            └── 📁FileContentIndex
                └── 6f8909da-cc06-4000-9525-6bc255ccf8a0.vsidx
                └── e5407b86-e311-4455-b948-9f68730b3fb6.vsidx
                └── e8ab473e-fbdc-4914-aed1-690baaf75a76.vsidx
                └── 📁merges
                └── read.lock
            └── 📁v17
                └── .suo
                └── fileList.bin
    └── 📁assets
        └── asset-mi6SvD4u
    └── estructura_datos_echarts.json
    └── index.html
    └── jsconfig.json
    └── package-lock.json
    └── package.json
    └── 📁public
        └── 📁datasets
            └── caso1.js
            └── caso2.2.js
            └── caso2.js
            └── caso3.js
            └── caso4.js
            └── caso5.js
            └── caso6.js
            └── caso7.js
            └── caso8.js
            └── datasets.rar
        └── vite.svg
    └── README.md
    └── rollup.config.mjs
    └── 📁src
        └── 📁Componentes
            └── Child.js
            └── ChildB.js
            └── ChildC.js
            └── Grafica.js
            └── GraficaHighchart.js
            └── index.js
            └── Test.js
            └── Titulo.js
            └── Toolbar.js
        └── 📁Layouts
            └── GraficaLayout.js
        └── puente.js
        └── puente.mod.js
        └── 📁Stores
            └── ConfiguracionTest.js
            └── Contexto.js
            └── _Configuracion.js
        └── 📁Styles
            └── tema-1.css
        └── 📁Utilidades
            └── Constantes.js
            └── Dataset.js
            └── Utils.js
    └── vite.config.js
```