Giter VIP home page Giter VIP logo

intro-data-viz's Introduction

Introduction to Data Visualization

Introduction

This lesson introduces data visualization by focusing on the basic components of a chart and on the decisions you need to make in order to create and refine a chart. You will learn to craft messages about data and communicate those messages in charts. The principles applied to charts in this lesson can be applied to more complex data visualizations, but these are beyond the scope of this lesson.

Contact Us

If you have any questions, contact @RobJamesRamos

Maintainers

Contributing

See Contributing

intro-data-viz's People

Contributors

cidfreitag avatar jbkieffer avatar loeckete avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

intro-data-viz's Issues

teaching notes: add example charts

In the teaching slides for 01-graphical-elements, add example chart types that use one or more of the visual properties discussed in the better/worse section "Better visual representations."

Add timing to episodes 3 and 4

After second trial run, update timing in 02-Identify-and-Interpret-the-message.md and 03-communicating-the-message.md

remove 99-introduction.md

Don't need to keep the Markdown template for episodes. Alternatively, turn it into the intro/motivation for the lesson.

Insert x-axis does not work

When attempting to insert a new x-axis in Lesson 4, data gets imported as a new data series every time. This seems to be a bug in google docs. It would be better to restructure the Lesson at this point to avoid that bug. Recommended fix would be to change the lesson to have student import their x-axis data as a data series first and then walk through how to set that data series as an x-axis.

Investigate text alignment for tables

In a Markdown table, the text alignment is not rendering correctly on the site. The first column is always either right-aligned or centered, but never left-aligned, no matter what Markdown syntax is used to force the alignment.
The same .md file is rendered correctly by GitHub on the repository side; thinking this might be a Workbench bug.
Investigating in branch jbkieffer-test-table-formatting

Unify terms

Find terms we know we are mixing/matching and edit to use the term we've agreed on going forward:

  • chart / graph / visualization - use chart
  • communicate / message - use message

01-graphical-elements: update instructions for challenge 2.2

In the 2022-07-25 trial run, learners offered different answers to challenge 2.2 than the "correct" answers included in the solution.

Update the instructions on this challenge to indicate that learners should rank the charts from better to worse based on what they just learned about which visual properties are better and worse for accurate perception.

Optionally add note that learners' own opinions about which chart is better may be different from the "correct" answer depending on how much experience they've had with charts.

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.