Doãn Phụng

@doanphung0402·3 public vizzes

game sale analysis - nhom10

This visualization displays the total global video game sales by genre across different years, with each bar colored by genre and a tooltip revealing the specific genre on hover. The data comes from the Video Games Sales dataset sourced from Kaggle. Built with the vega-lite-api, the chart uses a bar mark, encodes Year and Global_Sales on the x- and y-axes, and applies a custom config to adjust font sizes and axis styling. The code loads CSV data via d3.csv and renders the visualization using vega-lite’s view with SVG output.

Jun 28, 2022

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This example visualizes the relationship between engine displacement and horsepower using a scatter plot of automotive data. Each point represents a vehicle, with tooltips revealing the car’s name on hover. The visualization is built with the Vega-Lite API, which composes specifications and renders them via Vega and Vega-Lite libraries. Data is loaded asynchronously from a CSV file using d3.csv, while appearance is customized through a config object that adjusts axis styles, font sizes, and colors. The chart fills the browser window and uses semi-transparent points to show overlapping data density.

Jun 28, 2022

Loading thumbnail…

Fork of Vega-Lite API Template

This scatterplot visualizes the relationship between engine displacement and horsepower for a car dataset loaded from a CSV file. The example uses the Vega-Lite API, a JavaScript wrapper for Vega-Lite, to declaratively define the chart, with `vl.markPoint` for the points and `vl.x()` and `vl.y()` encoding quantitative fields. Rendering occurs through Vega, with the chart sized to the window and tooltips enabled via the Vega Tooltip handler. The code also imports custom axis and label styling from a separate config module.

Jun 28, 2022