https://github.com/ccolpasm/bar-chart-task

Este repositorio muestra una visualización interactiva del PIB de EE. UU. utilizando D3.js. Los datos provienen de la API pública de FreeCodeCamp (https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json). El proyecto utiliza HTML, CSS y D3.js para analizar y graficar el crecimiento económico del país.
https://github.com/ccolpasm/bar-chart-task

d3-visualization d3js data-science data-visualization javascript

Last synced: about 1 month ago
JSON representation

Este repositorio muestra una visualización interactiva del PIB de EE. UU. utilizando D3.js. Los datos provienen de la API pública de FreeCodeCamp (https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json). El proyecto utiliza HTML, CSS y D3.js para analizar y graficar el crecimiento económico del país.

• Host: GitHub
• URL: https://github.com/ccolpasm/bar-chart-task
• Owner: ccolpasm
• Created: 2024-11-22T09:58:17.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-22T21:48:51.000Z (2 months ago)
• Last Synced: 2024-11-22T22:32:23.668Z (2 months ago)
• Topics: d3-visualization, d3js, data-science, data-visualization, javascript
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Análisis de Datos de PIB (GDP) - Proyecto de FreeCodeCamp

Este proyecto es parte de un desafío de visualización de datos de FreeCodeCamp. El propósito del proyecto es visualizar los datos del Producto Interno Bruto (PIB) de diferentes países a lo largo de los años, utilizando herramientas de visualización como D3.js.

## Base de Datos

La base de datos utilizada para este proyecto proviene de FreeCodeCamp y está disponible en el siguiente enlace:

[**GDP Data JSON**](https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json)

La base de datos contiene información sobre el Producto Interno Bruto (PIB) de varios países, con las fechas correspondientes y el valor del PIB en millones de dólares.

## Herramientas Utilizadas

En este proyecto se utilizaron las siguientes herramientas para analizar y visualizar los datos:

1. **D3.js**: Una biblioteca de JavaScript para crear gráficos interactivos y dinámicos basados en datos. Se utilizó para la creación del gráfico de barras y la implementación de interactividad, como la visualización de tooltips al pasar el mouse sobre las barras.

2. **HTML/CSS**: Se utilizó para estructurar y diseñar la página web, incluyendo la integración del gráfico y el `tooltip` para mostrar información adicional sobre cada barra.

3. **JavaScript**: Para manipular los datos, crear las escalas del gráfico, y gestionar los eventos de interactividad como el `mouseover` y `mouseout`.

## Funcionalidad

- El proyecto visualiza el PIB de varios países con un gráfico de barras.

- Al pasar el mouse sobre una barra, se muestra un `tooltip` con información sobre el PIB y la fecha correspondiente.

- El gráfico está diseñado para ser responsivo y se adapta a diferentes tamaños de pantalla.

## Instalación

No es necesario instalar nada para ver el proyecto en funcionamiento. Puedes simplemente abrir el archivo `index.html` en tu navegador.

¡Gracias por visitar el repositorio!