Git Product home page Git Product logo

plotly_deployment's Introduction

Plotly_Deployment

Project Overview

Build an interactive website using JavaScript to make data visualizations attractive and accessible. Displaying charts that represent the results of a study of bacterias found on the human belly button with the purpose to find the ideal bacteria type for the production of improbable beef, where people from around the US participated and their identities were kept anonymous by having ID number assigned to each of them, which can be used for them to access their results on the website.

Design Solution

  • Use Plotly to offer interactivity and make the results of the data findings easier to understand as well as add mobile responsiveness to the webpage.

  • Use javaScript to manipulate, parse, and transform data.

  • Use JavaScript D3 library to create interactive features such as drop-down menus and buttons, and also retrieve data from external sources.

  • Customize the dashboard using bootstrap, HTML, and a local CSS file.

  • Deploy the final work to Github pages.

Webpage

The interactive webpage can be found here: https://biancataisepommerening.github.io/Plotly_Deployment/

Horizontal Bar Chart

  • The chart below represents the number of bacteria samples vs the bacteria specie ID found on the selected subject ID.

bar_chart

Bubble Chart

  • The following chart displays the bacteria specie ID vs the number of bacteria samples where the size of each bubble is determined by the number of bacteria samples.

bubble_chart

Gauge Chart

  • The chart below shows the belly button washing frequency of the selected subject ID in a very easy and fun way.

gauge_chart

plotly_deployment's People

Contributors

biancataisepommerening avatar

Watchers

 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.