A Workshop exploring data visualization
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
content Update content html and update docs. Sep 23, 2017
data
images Added force layout and docs and d3 and vuejs. Sep 22, 2017
workshop-content
.gitignore Add shape docs and data. Sep 17, 2017
LICENSE Initial commit Aug 8, 2017
README.md Add svg docs and practices. Sep 23, 2017
SUMMARY.md Add svg docs and practices. Sep 23, 2017
book.json Add gitbook for workshop. Sep 16, 2017
package.json Add gitbook for workshop. Sep 16, 2017

README.md

Data Visualization Workshop

Sections:

What is Data Visualization

  • Data visualization is the presentation of data in a pictorial or graphical format.
  • It enables decision makers to see analytics presented visually
  • Decision makers can then grasp difficult concepts or identify new patterns.
  • With interactive visualization, you can take concepts further and teach concepts better.
    • You can drill down into charts and graphs for more detail,
    • and interactively change what data you see and how it’s processed.

Types of Visual Diagrams

A diagram is a symbolic representation of information according to some visualization technique.

Bar Charts

Bar Chart

  • A bar chart or bar graph is a chart or graph that presents categorical data with rectangular bars with heights or lengths proportional to the values that they represent.
  • The bars can be plotted vertically or horizontally.
  • A vertical bar chart is sometimes called a line graph.

Bar Chart

Line Charts

Line Chart

  • A line chart or line graph is a type of chart which displays information as a series of data points called 'markers' connected by straight line segments.
  • It is a basic type of chart common in many fields.
  • It is similar to a scatter plot except that the measurement points are ordered (typically by their x-axis value) and joined with straight line segments.
  • A line chart is often used to visualize a trend in data over intervals of time – a time series – thus the line is often drawn chronologically.

Line Chart

Scatter Plots

Scatter Plots

  • A scatter plot (also called a scatter graph, scatter chart, scattergram, or scatter diagram) is a type of plot or mathematical diagram using Cartesian coordinates to display values for typically two variables for a set of data.
  • If the points are color-coded, one additional variable can be displayed.
  • The data is displayed as a collection of points, each having the value of one variable determining the position on the horizontal axis and the value of the other variable determining the position on the vertical axis

Scatter Plots

D3 API Docs

D3 4.0 is a collection of modules that are designed to work together

  • You can use the modules independently, or you can use them together as part of the default build.
  • The source and documentation for each module is available in its repository.

Follow the links below to learn more:

List of D3 Modules

Data space

  • query

  • d3-request

  • d3-queue

  • generation

  • d3-random

  • parsing

  • d3-dsv

  • d3-time

  • formatting

  • d3-time-format

  • d3-format

  • manipulation

  • d3-array

  • d3-collection

Graphic space

  • data transform

  • d3-scale

  • d3-geo-projection

  • geometry computation

  • d3-voronoi

  • d3-hull

  • d3-quadtree

  • d3-interpolate

  • d3-geo

  • dynamic geometry computation

    • d3-transition
    • d3-timer
    • d3-ease
  • visual variables mapping

  • d3-hierarchy

  • d3-sankey

  • d3-chord

  • d3-hexbin

  • d3-force

  • generation

  • d3-shape

  • d3-path

  • d3-polygon

  • converter

  • d3-color

View space

  • visual variables mapping (selection, data-binding, attributes)

  • d3-selection

  • d3-selection-multi

  • high level set of visual variables mapping (component)

  • d3-axis

Interaction space

  • internal events

  • d3-dispatch

  • user events and geometry computation

  • d3-zoom

  • d3-brush

  • d3-drag

Data Visualization Best Practices

There is a wonderful illustration in this Tableau White Paper on Data Visualization Best Practices

General Data Visualization Resources

Data Visualization Experts and Companies

  • Jer Thorp - Data artist.
  • Nicolas Feltron - Data artist.
  • Stamen - Data visualization company, excellent blog, heavy focus on maps.
  • Fathom - Another interesting data visualization company.

Gitbook Link

D3 Data Visualization Gitbook