ReactJs
ReactJs is front-end JavaScript library for building user interfaces based on components.
Figma
Figma is a collaborative web application for interface design, with additional offline features enabled by desktop applications for macOS and Windows.
Nodejs
Node.js is a cross-platform, open-source server environment that can run on Windows, Linux, Unix, macOS, and more. Node.js is a back-end JavaScript runtime environment, runs on the V8 JavaScript Engine, and executes JavaScript code outside a web browser.
Fullstack software development for violence type data organization infographic website. The primary goal of this website is to display the data of violence happened in Thailand from 2016 to 2022. Our responsibilities are Setting up Infrastructure, Backend development, Frontend development, UI/UX, and CI/CD.
We breakdown violence types occured and visualize them by using pie chart.The color representing each type is auto-generated. If users want to see deeper level of data, they can click on each type of violence.
Display number of violence on graph. If the user want to see trends each of viloence type they can click on to "Violence Type" button and graph will split in to different data sets.
Display the density of violence on each provinces by using the shades of red color. User can hovered on the map to see number of Events,Death,Injury for each provinces.
All of the dataset in the website can be filterd by using filter section on the left side. There are many filters option you can play with including Date,Time of violence,Violence type,Province,Place
For further investigation user can download the displayed data to the excel format, but user have to login to the knowmorenomoreviolence.com first before downlaod them.