NitroFlare Building Responsive Data Visualizations with D3 JS

Discussion in 'E-Books & Tutorials' started by kocogi, Sep 22, 2015.

  1. kocogi

    kocogi Active Member

    May 29, 2012
    Likes Received:
    Trophy Points:
    Udemy - Building Responsive Data Visualizations with D3 JS
    MP4 | Video: 1280x720 | 55 kbps | 48 KHz | Duration: 3 Hours | 333MB
    Genre: eLearning | Language: English

    Create stunning D3 data visualizations and render them as part of a responsive design

    As part of the user interface, it is important that data visualizations are context aware and should adjust according to screen size, media type, and other similar aspects. To tackle this, it is essential for web developers to ace at both D3 and responsive design using Bootstrap to make visualizations responsive across different viewing platforms. D3 is currently the go-to data visualization library, offering greater integration with web standards, and better customizability than other data visualization libraries available.

    This video course starts out by describing ways in which D3JS fits into existing web standards to provide data visualization solutions that can be easily integrated. After working through the basic flow of simple visualizations, we'll start adding features: tooltips, axes, and scales. We'll take a look at interactivity and transitions. Then we'll walk through the use of external data sources, including CSV, TSV, JSON, and GeoJSON, which will prepare us for more in-depth visualizations.

    Further on we'll tackle responsive design, covering all the basic concepts, and then work our way through a site mockup the old fashioned way, looking for breakpoints and using media queries to provide smooth screen size transitions. Our work with responsive design will then be applied to a number of our early data visualizations.

    We'll resume our focus on responsive design later in the course when we'll cover using Bootstrap and PymJS, a JavaScript library that enables the embedding of responsive iFrames. The data visualizations we'll tackle in the final sections of the course will include mapping with Topo and GeoJSON.

    By the end of this course, you will have an armoury full of tools to create feature-rich data visualizations with D3JS that are responsive on different platforms.

    About the Author

    Merrill Cook is currently a freelance data journalist, who has helped to strategize, implement, and market infographics, interactive graphics, interactive maps, scrolling story pages, and a variety of other online media types. He is also the manager of an independent online course and online course platform ranking site.
    What are the requirements?

    This video course is aimed at front end developers or anyone with a strong grasp of HTML, CSS, and JavaScript.

    What am I going to get from this course?

    Over 28 lectures and 2 hours of content!
    Learn the basic structure of data binding in D3JS
    Construct a number of D3 visualizations, including bar chart, line chart, scatter Description, pie chart, tree chart, and maps
    Master D3 visualization features such as tooltips, axes, and scales
    Understand the importance of interactivity, and transitioning between two states of a visualization for enhanced, responsive experience
    Find, prepare, load, and use external data sources such as CSV, TSV, JSON, and Geo Data
    Explore the world of responsive design using data visualization libraries, such as Bootstrap and Pym, to enhance your web designing skills

    What is the target audience?

    This course is aimed at those who have tried learning D3 on their own, but would like more in-depth and step-by-step tutorials to master the art of visualization and responsive web design
    Buy Premium From My Links To Get Resumable Support,Max Speed & Support Me
    Download ( NitroFlare )

Share This Page