Skip to main content
Log in
J

Jingyuan Liu

@Jingyuan-liu·3 public vizzes

Loading thumbnail…

Tech Stock Visualization

This interactive line chart visualizes the scaled closing prices of 26 tech companies throughout 2020, grouped by industry categories such as Gaming, Streaming, and Tech-Giants. The visualization uses D3 v6 with SVG rendering and animation, employing scales like d3.scaleTime and d3.scaleLinear, along with d3.line and d3.group to organize data by company index. The chart displays axes, grid lines, and industry labels, with color mapping via d3.scaleOrdinal to distinguish companies. Data is loaded from a CSV file containing daily stock price records for the year.

Dec 16, 2020
Loading thumbnail…

Tech Stock Visualization

This visualization displays the scaled closing prices of tech stocks over time, grouped into industry categories such as Gaming, Streaming, and Tech-Giants. It uses d3.csv to load stock price data, d3.scaleTime and d3.scaleLinear for axes, and d3.line with curveBasis to render smooth lines for each company. Interactive filtering is provided through clickable legend circles, which toggle visibility of specific industries using d3.group and ordinal color scales. The SVG output includes gridlines, axis labels, and animated transitions when filtering.

Dec 16, 2020
Loading thumbnail…

HTML Starter

This example presents a minimal HTML page that displays the text “Hello HTML” in large, centered type. It demonstrates the integration of CSS for styling and JavaScript for browser interaction, logging a message to the developer console. The code includes inline `<style>` and `<script>` elements, using plain HTML tags, and serves as a bare template for web-based projects.

Dec 16, 2020