Valorant Website
GIMM 260
Description:
For this section of the website I made a Scatter Plot graph with D3 and Javascript. This graph shows the K/D of players from various matches. From this we can figure out how much kills and deaths each player got. Since there is multiple different matches, same player names will pop up. From this graph we can see how K/D varies among pro players on the map Bind.
Skills Used
- Html, CSS, Javascript, D3.js
- Different skills involved with D3 javascript graphs
Description:
For this section of the website I made a Circle graph with D3 and Javascript.The different size circles indicate the different costs of weapons. I also added a circle in each weapon type with the average amount that each weapon type costs.
Skills Used
- Html, CSS, Javascript, D3.js
- Different skills involved with D3 javascript graphs
Description:
For this section of the website I made a Box Graph with D3 and Javascript. From this graph we can see the different amount of damage that each weapon in valorant deals. In Addition We can also see the difference between headshot damage, body damage, and leg/arm damage. Each weapon is sorted by the weapon type and the darker the color, the more damage it deals.
Skills Used
- Html, CSS, Javascript, D3.js
- Different skills involved with D3 javascript graphs
Description:
For this section of the website I had to use the most crucial skills we learned in GIMM 260. We were introduced to MySQL and learning about making database tables on myphpadmin and then we had to use information from one of those tables to search and filter certain results. This table in particular shows different players in the tournament, their preferred AR of choice etc.
Skills Used
- Html, CSS, Javascript, D3.js, Node.js, MySQL
- Different skills involved with D3 javascript graphs
- Utilizing features on myphpadmin to create tables
- Running a seperate node.js server
