Git Product home page Git Product logo

prueba-acustica-marina's Introduction

Prueba Técnica Acústica Marina: Visualizador de CSV

URL: https://prueba-acustica-marina.vercel.app/

Descripción

Aplicación web que permite cargar un archivo csv con muestras de niveles de presencia sonora para visualizar sus valores en un gráfico.

Dependencias

  • Next JS: Framework Javascript basado en React
  • Material UI: Librería de componentes y estilos
  • normalize.css: Normalización de estilos css para navegadores web.
  • react-papaparse: Wrapper de la librería papaparse para permitir y gestionar la carga del archivo .csv
  • react-chartjs-2: Librería de gráficos basado en ChartJS.

Instrucciones de ejecución en ambiente local

  1. Descarga el repositorio
  2. Navega hacia el desde una consola de comandos
  3. Ejecuta el comando npm install para instalar sus dependencias
  4. Ejecuta el comando npm run dev ejecutar la aplicación en modo desarrollo
  • NOTA: Debes tener instalado Node.js en tu equipo para ejecutar comandos NPM.

Instrucciones de uso

  1. Cargar el archivo csv con las medicines de NPS.
    • NOTA: solo permitirá la carga de un archivo que contenga las cabeceras: fecha_captura, dispositivo y nps_global
  2. Visualizar el gráfico en pantalla
    • Haz zoom con la rueda del mouse
    • Haz hover sobre un punto para ver sus datos
    • Haz clic sobre un dispositivo para filtrar sus datos
  3. Puedes quitar el archivo cargado haciendo clic en el botón ubicado al lado derecho de la barra superior.

prueba-acustica-marina's People

Contributors

nicolas-perez-oportus96 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.