This is a JS solution for the Telegram April 2019 coding contest. The goal was to develop an application for showing charts based on the input data and the design specification. The solution is implemented without the bonus goals.
The solution page on the official contest platform: http://contest.dev/chart-js/entry18
This code was refactored and improved at https://github.com/fingerprintjs/audio-fingerprint-article-demos
First install the application:
- Make sure you have Node.js installed
- Download the source code
- Open a terminal and go to the source code directory
- Run
npm install
- Run
npm start
- Open http://localhost:8000 in a browser
- Run
npm run build
- Open the
dist/index.html
file in a browser
If you want to serve the application with a web server,
upload the content of the dist
directory to the web server and make the directory be the document root of the server.
I've chosen canvas to draw the charts because it's the best approach in terms of performance and reliability. The DOM is manipulated using a pure JS to make it fast and the code small.
The chart supports multiple touches.
The source code is compiled to the distributive code using Webpack and Babel.