GithubHelp home page GithubHelp logo

data's Introduction

# uniEx4
Made for uni excercise 4 visualisation course

purpose: Implement visual with transition property

Additional Task: Briefly describe the data source you have used and comment on any conclusions that can be
drawn from your visualisation. 

Data Source: 
I posted the data onto git and used an api call to the json file. (internet connection required to use this diagram)
The Data Source used was a rolled up version of fatalities data of mass shootings that I am using for this same course. 
The Data was aggregated to a yearly grain as to display total fatalities per year as a result of mass shootings. 

Conclusions:
The end result was a bar chart with transition properties. 
This did enhance the graphic as the transition transforms the bar chartinto a vertical tree map allowing the user to see trends of the max fatalities over yearly periods. 

This assisted with turning a relatively plain graphic into a graphic that can display two key insights:
1) displays trends by yearly duration showing larger attacks growing in size over time. 
2) Shows the frequency of attacks is closer together which is easy to derive from the transition function that slides to a close last on the bigger gaps. 

Tooltip: 
This assists with getting actuals, had some issues with the location as its based off of the x axis which I was manipulating in the transition. Hover colour assists the user by showing what bar has been selected.

Colouring: 
I chose red to signify that the values are not desirable contrasted to the boxed border colour of black to show where the box was created in terms of years

data's People

Contributors

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