https://github.com/sgcm14/graficas-app

App para manejo de gráficos
https://github.com/sgcm14/graficas-app

angular bootstrap chartsjs jasmine-tests json-server ng2-charts

Last synced: about 2 months ago
JSON representation

App para manejo de gráficos

• Host: GitHub
• URL: https://github.com/sgcm14/graficas-app
• Owner: sgcm14
• Created: 2023-05-01T22:44:21.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-08T02:37:33.000Z (almost 3 years ago)
• Last Synced: 2025-03-15T11:49:52.538Z (over 1 year ago)
• Topics: angular, bootstrap, chartsjs, jasmine-tests, json-server, ng2-charts
• Language: TypeScript
• Homepage: https://graficas-app-sgcm14.netlify.app/
• Size: 438 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
GraficasApp

===========

- Este proyecto se realizó siguiendo el curso [Angular: De cero a experto](https://www.udemy.com/course/angular-fernando-herrera/# "Angular: De cero a experto") 

> En este proyecto se usó Angular, Bootstrap

![](https://raw.githubusercontent.com/sgcm14/graficas-app/main/doc/imagen1.png)

> Pantalla de **Gráfica de Barras**

![](https://raw.githubusercontent.com/sgcm14/graficas-app/main/doc/imagen2.png)

> Pantalla de **Gráfica Dobles**

![](https://raw.githubusercontent.com/sgcm14/graficas-app/main/doc/imagen3.png)

> Pantalla de **Gráfica de Dona**

Para el consumo de la BD, se debe levantar con el siguiente comando **json-server --watch db.json** ó ejecutando ```npm run backend``` en la terminal se visualiza asi:

![](https://raw.githubusercontent.com/sgcm14/graficas-app/main/doc/db-json.png)

> Pantalla de **BD Json-server**

Al hacerlo se obtiene la data para luego ser pintada en la gráfica como se muestra a continuación.

![](https://raw.githubusercontent.com/sgcm14/graficas-app/main/doc/imagen4.png)

> Pantalla de **Gráfica de Dona con API**

**Realizado por :** Sammy Gigi Cantoral Montejo (sgcm14)