ting0602

@ting0602·2 public vizzes

DV_hw3

This visualization displays a single, extremely large text message centered on a blank page. The code uses the D3.js library, specifically the `select` API, to locate an HTML element with the ID "message" and set its text content. The styling is handled through a separate CSS file, which applies a font size of 12 em and centers the text horizontally. The data source is a hardcoded string imported from a local module named `myMessage`, and the entire example is rendered using standard HTML and CSS within a D3 v5 framework.

Oct 8, 2023

Loading thumbnail…

HW1_ScatterPlots

This scatter plot explores the relationship between engine displacement and horsepower for vehicles in the Iris dataset. Each point is colored by the vehicle’s country of origin, with tooltips revealing the car name. The visualization uses the vega-lite-api library to define a circle mark with opacity and sizing, while data is loaded via d3.csv. The chart automatically fits the full browser window and applies custom axis styles through a readable config file.

Sep 22, 2023