Giter Club home page Giter Club logo

scatterplot's Introduction

The exercise

You are required to write an application using JavaScript, that will render a Scatter Plot to display all model data. The data has been provided as a CSV file, that should be served via an endpoint., the preferred method of delivery would be done using NodeJS, however if you would like to use another language for this part, then that would be acceptable. The preferred method to render the front-end would be delivered using ReactJS.

Requirements

  • Deliver an endpoint that will provide the Scatter Plot data in JSON format
  • Render a page that will display a Scatter Plot, with all the points that are provided in the CSV file
  • You can use a third-party component of your choice to draw the Scatter Plot
  • Demonstrate a way to manage state in the ReactJS application
  • Provide some tests

Bonus Points

  • Include some build steps to compile the application into a directory
  • Optimise the API request by using caching, etc…
  • Use some mechanism to show code quality and standards analysis output

The solution

This is not the way I would write code for this kind of small application. However the structure is intended to show how I would work in a large scale app (more or less).

Pre-requisites

Setup

For nvm you can use the the bundled .nvmrc

After entering the directory, type the following, if you don't have the lts version of node:

nvm install

Othervise type this, to use the lts version

nvm use

In the project directory, launch to install dependencies:

npm install

Build the application's client side:

npm run build

Run the application

npm start

Run tests

npm test

scatterplot's People

Contributors

popovicsandras avatar

Watchers

 avatar  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.