Skip to main content
SimilarExport ZIP
100%

Multiple Views of Car Selling Details

✓ Published0🌍 Public
RRyanYun0017
Last edited Dec 10, 2021
Created on Dec 10, 2021

This visualization presents a multi-panel dashboard of car selling details, combining a donut chart of production year bins, a bar chart of selling price per year, and a pie chart of fuel types. The views are composed using the Vega-Lite API (`vl.vconcat`, `vl.hconcat`) with canvas rendering, and the data is loaded via D3's CSV parser. The bar chart reveals price trends across years, while the arc charts show the distribution of cars by year and fuel type.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Car Selling Details - Vega Lite

This visualization presents the production year of cars from the UCI Auto MPG dataset as a circular donut chart. It uses the Vega-Lite API to map the year field to both the angular position (theta) and color of each arc, with years grouped into five-year bins. The view is rendered to a canvas and supports tooltips via the vega-tooltip handler. The visualization uses a custom configuration to enhance readability, including specific font sizes and colors for labels and titles. The chart dynamically resizes to fit the browser window.

RRyanYun0017
81% match
Loading thumbnail…

Car Selling Details - Vega Lite

This visualization plots car selling prices against kilometers driven, with each circle representing a vehicle and a tooltip revealing its name. Built with the Vega-Lite API and rendered via the Vega runtime, the chart uses a dark, customized axis and label styling for readability. The data is sourced from the UCI Machine Learning Repository’s Auto MPG dataset, fetched as CSV via D3 and displayed interactively with the Vega tooltip handler.

RRyanYun0017
78% match
Loading thumbnail…

Car Selling Details with Menu

This interactive scatter plot explores a dataset of car selling details, allowing users to compare quantitative attributes like selling price, mileage, and producing year. Two dropdown menus, built with a reusable `menu` component, control which columns are mapped to the x- and y-axes, triggering animated transitions via `selection.join` and `transition`. The visualization is rendered as SVG using D3 v6 scales, axes, and circles, with data loaded asynchronously from a CSV file.

RRyanYun0017
77% match
Loading thumbnail…

Car Sales Analysis

This example visualizes car sales data using D3.js with two coordinated charts. A histogram displays the distribution of car prices with ten bins, using steel-blue bars and labeled axes for price and frequency. Below it, a scatter plot shows the relationship between car price and annual income for the first 50 records, with points colored by gender and a categorical legend. Both charts share the same underlying CSV dataset, providing complementary views of the data. The histogram reveals the overall price distribution shape, while the scatter plot explores correlations between price and buyer income, with gender encoding through color. The visualization is rendered entirely with SVG for crisp, scalable output.

Yynagurvali786@gmail.com
76% match
Loading thumbnail…

Fork of Fork of CarSelling-Bar Chart

This bar chart visualization displays car selling data from a CSV file fetched via d3.csv from a GitHub gist. The chart is rendered as SVG within a React framework, using d3.v5 to parse and process the data. The visualization employs vega-lite and vega-tooltip libraries, registered through vega-lite-api, to enable interactive tooltips on hover. The page integrates vega and vega-lite scripts in the HTML head, with the SVG container set to 960x500 pixels, and the visualization is generated through a bundled JavaScript file that loads the dataset and applies the charting configuration.

RRyanYun0017
76% match
Loading thumbnail…

Cars

This dashboard, built with Vue and D3 v7, visualizes a dataset of car owners from CSV data, allowing users to filter by country. It displays four coordinated views: a line chart of cars manufactured over time, a bar chart of top car brands, a pie chart of car color counts, and a scatter plot comparing brand counts to average manufacture year. The visualization uses D3's `d3.rollups`, `d3.scaleLinear`, `d3.line`, and SVG rendering to create interactive charts with tooltips, while a dropdown menu drives the country-based filtering.

Mmichael_chuxs@yahoo.com
75% match
Loading thumbnail…

Car Sales Bar Chart

This visualization displays car sales figures as a bar chart, with each brand represented by a vertical bar showing its last-year sales count on a linear scale. The chart includes rotated x-axis labels for readability and uses a teal color scheme for the bars. Built with D3.js v4 and React, the visualization creates an SVG graphic, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from a CSV file containing brand and sales information.

MManideeprenikindi
75% match
Loading thumbnail…

A Bar Chart of the Car Seliing Details

This bar chart displays car selling prices (in millions of INR) against the car’s production year, with each bar’s length representing price and its vertical position corresponding to the year. The visualization uses D3 v5’s `scaleLinear` for the price axis and `scaleBand` for the year categories, with bars sorted by year in descending order. The `axisLeft` and `axisBottom` APIs label the axes, and the chart is rendered as an SVG using React, with data loaded from a CSV via `csv()` and preprocessed to convert prices to millions.

RRyanYun0017
74% match