Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Fundamentals of Plotly JS for Data Visualizations
Rating: 2.5 out of 5(6 ratings)
541 students

Fundamentals of Plotly JS for Data Visualizations

Learn PLotly JS Basics Fast with this course
Created byEGMHAcademy EGMHAcademy
Last updated 8/2018
English

What you'll learn

  • Develop their own Dashoards using Plotly JS

Course content

1 section • 17 lectures • 1h 2m total length

  • Getting Started2:38

    Get started with fundamentals of Plotly JS for data visualizations by setting up your environment, downloading the necessary tools, and following on-screen install prompts to enable language support.

  • Embed Plotly JS into HTML2:11

    Embed Plotly JS into HTML to create interactive data visualizations on a web page, covering setup, embedding techniques, and basic plotting workflow.

  • Plot Our First Chart3:03

    Create your first chart with Plotly JS, using data points and values in an interactive visualization.

  • Plot a Scatter Plot5:15

    Create a scatter plot with Plotly JS, experimenting with point sizes and traces to visualize data patterns.

  • Plot a Scatter Plot 22:49

    Understand scatter plots in plotly js by constructing traces, assigning marker types and sizes, and setting axis values from 1 to 10.

  • Plot a Bubble Chart5:48

    Plot a bubble chart in Plotly.js, adjust bubble size and color, customize the range, and define traces for multiple data points to visualize the data clearly.

  • Plot a Line Chart2:44

    Learn to plot a line chart in Plotly.js for data visualizations by using traces and data values to create clear, interactive line visuals.

  • Plot Filled Area Plots2:04

    Learn how to create filled area plots with Plotly.js, and understand how to plot y values and traces to visualize data effectively.

  • Plot a Bar Chart3:58

    Create and customize a bar chart in Plotly JS, learning how to name keys, set traces, and adjust highlighting and grouping to visualize data effectively.

  • Plot a Horizontal Bar Chart1:13

    learn how to set the orientation property to create a horizontal bar chart in Plotly JS for data visualizations.

  • Plot a Pie Chart1:45

    Learn to plot a pie chart using Plotly JS, including creating traces and adjusting values to visualize data.

  • Plot a Histogram2:37

    Learn how to plot a histogram in Plotly JS by generating 500 random values, setting a histogram trace, and visualizing the raw data.

  • Plot a Boxplot1:35

    Learn to create a box plot with Plotly JS by generating random y-values, configuring a trace, and rendering the box-and-whisker diagram.

  • Create Dashboards3:07

    Create dashboards by building tables and slides, using functions and tests to assemble data visualizations in Plotly JS.

  • Create Dashboards 23:16

    Create dashboards in Plotly JS by arranging four charts in a two-by-two grid, looping through data to render multiple charts on a page, and running tests.

  • Create Dashboard Easily with DSTK Chart Plotter6:11

    Discover how to create dashboards easily using the DSTK chart plotter. Learn to download the SDK, configure data, select chart types, arrange cells, and generate code for visuals.

  • Create Dashboard Easily with DSTK Chart Plotter 212:05

    Learn to create a dashboard easily with the dstk chart plotter 2, using bootstrap and CDN design to style charts, tables, and data visualizations in JavaScript.

Requirements

  • Computer Knowledge

Description

Fundamentals of Plotly JS for Data Visualization

Data is everywhere, and learning to build interactive web-based data visualizations is a critical skill for modern data analysts and web developers. According to SAS, mastering data skills gives you a major competitive advantage by sharpening your problem-solving abilities, opening doors to high-demand careers, and unlocking opportunities in cutting-edge fields like the Internet of Things (IoT) and Smart Cities.

Designed for fast and practical learning, this bite-sized course teaches you how to leverage Plotly JS to turn raw data into stunning, interactive charts and web dashboards. Using HTML, JavaScript, CSS, and Bootstrap, you will go from rendering simple scripts to creating full data dashboards very quickly after starting the course.

Why Take This Course?

  • Fast & Practical: Skip unnecessary setup complexity and jump straight into plotting interactive web charts and building responsive dashboards.

  • Interactive Visualizations: Master a wide array of charts—from simple scatterplots and line charts to advanced statistical visualizations like histograms, boxplots, and bubble plots.

  • Accelerated Dashboard Workflows: Learn how to build web dashboards easily and efficiently, including leveraging DSTK Chart Plotter to streamline your workflow.

Advanced Certification Track This course forms part of the SVBook Advanced Certificate in Data Visualization and Front-End Web Development sequence. Complete the full learning track and pass the 50-question exam to earn your official credential:

  1. Learn HTML Basics Fast

  2. Learn CSS Basics Fast

  3. Learn JavaScript Basics Fast

  4. Learn Bootstrap Basics Fast

  5. Fundamentals of Plotly JS for Data Visualization (This Course)

What You Will Learn

  • Getting Started: Setting up your text editor and embedding the Plotly JS library into HTML documents.

  • Basic & Core Charting: Rendering your first interactive charts, line charts, filled area plots, and scatterplots.

  • Categorical & Comparison Plots: Building vertical and horizontal bar charts, pie charts, and bubble plots.

  • Statistical Visualizations: Creating histograms and boxplots to visualize data distributions and summary statistics.

  • Dashboards & Efficiency: Designing responsive web dashboards and streamlining data plotting workflows with DSTK Chart Plotter.

Requirements

  • A basic text editor (e.g., VS Code, Notepad++) and a modern web browser.

  • Basic familiarity with HTML, CSS, JavaScript, and Bootstrap is recommended (or can be learned via our foundational web development series).

Who This Course Is For

  • Data analysts and developers looking to add interactive web-based visualizations to their skillset.

  • Front-end web developers who want to integrate dynamic Plotly charts and dashboards into web applications.

  • Students pursuing the SVBook Advanced Certificate in Data Visualization and Front-End Web Development.

Who this course is for:

  • Beginner Web Developers curious in Data Science, Dashboards and Data Visualizations

Report abuse