01. Intro

CS360 @USFCA

Data Visualization

Colm Lang

  • 02. Assignments

  • Assignment 09

    GeoVisualization in D3

    For this assignment, I visualize geospatial data using d3. This is done with a choropleth map showing population and a proportional symbols map showing housing cost.

    D3, JavaScript, HTML, CSS, ColorBrewer

    Learn More
  • Assignment 08

    Interaction in D3

    Explored interaction techniques in D3 like filtering, brushing, and zooming/panning using a provided line chart.

    D3, JavaScript, HTML, CSS

    Learn More
  • Assignment 07

    Graph Visualization

    Visualizing graphs and related nodes using D3. I implemented a force directed layout and an adjacency matrix.

    D3, JavaScript, HTML, CSS, Python

    Learn More
  • Assignment 06

    Color Scales in D3

    An exploration of color scales in D3.

    D3, JavaScript, HTML, CSS, ColorBrewer

    Learn More
  • Assignment 05

    Multidimensional Visualization in D3

    Using a dataset on bee colony loss, I explore multidimensional visualization techniques in D3.

    D3, JavaScript, HTML, CSS

    Learn More
  • Assignment 04

    Introduction to D3

    In A4, I am introduced to D3.js by implementing a Bar Chart, Scatter Plot, and Heatmap of the dataset on the European Power Sector I used for A2 and for A1.

    D3, JavaScript, HTML, CSS

    Learn More
  • Assignment 03

    Visualizing Distributions using P5

    Experimentation of distributions using p5.js with a dataset on asteroids from NASA's JPL. Distributions are shown using a histogram and a box plot.

    P5, JavaScript, HTML

    Learn More
  • Assignment 02

    Visualizing Amounts using P5

    An introduction to data visualization in P5.js using the same dataset as A1. Data shown using a bar chart, dot plot, and heatmap.

    P5, JavaScript, HTML

    Learn More
  • Assignment 01

    Data Exploration with Tableau

    A data exploration report on the European Power sector from 2000 to 2020.

    Tableau

    Learn More