https://github.com/waldohidalgo/scatterplot_graph

Segundo proyecto requisito obligatorio: Visualize Data with a Scatterplot Graph para obtener la Data Visualization Certification de freecodecamp
https://github.com/waldohidalgo/scatterplot_graph

d3-visualization d3js freecodecamp freecodecamp-project scatter-plot scatterplot-visualization

Last synced: 9 months ago
JSON representation

Segundo proyecto requisito obligatorio: Visualize Data with a Scatterplot Graph para obtener la Data Visualization Certification de freecodecamp

• Host: GitHub
• URL: https://github.com/waldohidalgo/scatterplot_graph
• Owner: waldohidalgo
• Created: 2024-05-27T21:35:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-27T23:20:30.000Z (over 1 year ago)
• Last Synced: 2025-01-26T10:11:51.763Z (11 months ago)
• Topics: d3-visualization, d3js, freecodecamp, freecodecamp-project, scatter-plot, scatterplot-visualization
• Language: JavaScript
• Homepage: https://waldohidalgo.github.io/scatterplot_graph/
• Size: 360 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Scatterplot Graph: Doping in Professional Cycling

Segundo proyecto llamado [**Visualize Data with a Scatterplot Graph**](https://www.freecodecamp.org/learn/data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph) el cual es requisito obligatorio para obtener la [Data Visualization](https://www.freecodecamp.org/learn/data-visualization/) de freecodecamp.

## Tabla de Contenidos

- [Scatterplot Graph: Doping in Professional Cycling](#scatterplot-graph-doping-in-professional-cycling)

  - [Tabla de Contenidos](#tabla-de-contenidos)

  - [Requisitos](#requisitos)

  - [All Test Passed](#all-test-passed)

  - [Screenshots](#screenshots)

    - [1. Home](#1-home)

    - [2. Tooltips dentro del svg](#2-tooltips-dentro-del-svg)

      - [2.1. Tooltip Superior](#21-tooltip-superior)

      - [2.2. Tooltip Inferior Izquierdo](#22-tooltip-inferior-izquierdo)

      - [2.2. Tooltip Inferior Derecho](#22-tooltip-inferior-derecho)

## Requisitos

![Requisitos](./screenshots/requisitos.webp)

## All Test Passed

![All Test Passed](./screenshots/all_test_passed.webp)

## Screenshots

### 1. Home

![Home Page](./screenshots/home.webp)

### 2. Tooltips dentro del svg

#### 2.1. Tooltip Superior

![Tooltip Superior ](./screenshots/tooltip_upper_dentro.webp)

#### 2.2. Tooltip Inferior Izquierdo

![Tooltip Inferior Izquierdo](./screenshots/tooltip_bottom_left_dentro.webp)

#### 2.2. Tooltip Inferior Derecho

![Tooltip Inferior Derecho](./screenshots/tooltip_bottom_right_dentro.webp)