ChrisKort

@ChrisKort·4 public vizzes

Agent Performance over Time in Walker

This example visualizes the performance of a VPG (Vanilla Policy Gradient) agent over time in the Walker environment, plotting average episode return against interaction count. The code uses D3 v5 APIs to create an SVG line chart with a basis-curved line path, styled axes with tick marks and labels, and a title. Data is loaded from a remote CSV and processed for numerical fields before rendering.

Oct 28, 2019

Loading thumbnail…

Agent Performance over Time in Walker

This visualization shows the performance of a Vanilla Policy Gradient (VPG) agent in the Walker environment over time, plotting performance against the number of interactions on a line chart. The chart includes axes with tick marks, axis labels, and a title, all rendered as SVG using D3 v5. The code uses `d3.csv` to load data from a VizHub-hosted dataset, `d3.scaleLinear` for both x and y axes, and `d3.line` with `curveBasis` to draw the smoothed line path. Data is parsed from CSV strings to numbers before rendering.

Oct 27, 2019

Loading thumbnail…

Let's make a face with D3.js!

This line chart shows the performance of the VPG reinforcement learning algorithm in the Walker environment over time, plotting average episode return against the number of interactions. The visualization is rendered as an SVG using D3.js v5, with the `scaleLinear`, `axisLeft`, and `axisBottom` functions for the axes, and the `line` function with `curveBasis` to create the smoothed data path. Data is loaded from a remote CSV via `d3.csv` and styled with custom CSS for labels and title.

Oct 27, 2019

Loading thumbnail…

Temperature in San Francisco Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing an individual vehicle. The visualization uses D3 v5 to load CSV data and render SVG graphics. The code employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and `extent` to compute domains. Points are drawn with low opacity to reveal overlapping clusters. The chart includes labeled axes and a title, with styling applied via CSS classes for ticks, axis labels, and the title text.

Oct 24, 2019