Avinash kumar

@Avinashbitm·3 public vizzes

Cars Report

This example displays a single car record from a static JSON dataset, showing the make of the first entry in the collection. The application renders the text "Honda" prominently on the page using a large font size. The data is defined inline in `Cars.js` and parsed with `JSON.parse`, then imported into `index.js` and written to the DOM via `document.getElementById` and the `textContent` property. The project uses a simple build setup with Rollup to bundle the JavaScript into `bundle.js`.

Dec 26, 2020

Loading thumbnail…

Cars Report

A simple web page displays a car report by showing the make of the first vehicle in a small dataset, outputting "Honda" in large text. The data comes from a JSON string embedded in the `Cars.js` file, which contains a single entry for a 2000 Honda Accord priced at 2800. The `index.js` script imports this parsed array and uses `document.getElementById` to update the text content of a `<pre>` element in the HTML. The page loads through a bundled `bundle.js` file, likely generated by Rollup, with styling controlled by inline font-size attributes on the message element.

Dec 26, 2020

Loading thumbnail…

Cars Report

A dashboard displays a violin plot and box plot for five car data groups, showing distribution ranges, medians, quartiles, and outliers. Rendered as an SVG with React, it uses @vx/scale for band and linear scales, @vx/stats for the ViolinPlot and BoxPlot components, and @vx/gradient for background coloring. Hover interactions on box plot elements trigger tooltips via @vx/tooltip, revealing specific statistical values. The data is generated from @vx/mock-data's genStats function.

Dec 26, 2020