aktilak

@aktilak·3 public vizzes

Cars Report

This example demonstrates how to generate a text report listing cars priced under $2,000, using data embedded as a JSON string. It fetches the data asynchronously via a Promise with a simulated delay, then filters and formats the entries using custom JavaScript modules. The report is displayed in a `<pre>` element styled with large font size. The code relies on native JavaScript array methods like `filter`, `map`, and `join`, along with `JSON.parse` and template literals.

Oct 5, 2020

Loading thumbnail…

Hello JS

This example displays the static text “Hello world” in large, centered type on a plain HTML page. It renders a JavaScript string constant to a `<pre>` element using the DOM API `document.getElementById` and setting its `textContent` property. The page also defines a sample array of car objects as embedded JSON, parsed with `JSON.parse`, though this data is not visualized or otherwise used in the output. The implementation relies solely on vanilla JavaScript and HTML, with no external libraries or frameworks.

Oct 5, 2020

Loading thumbnail…

Iris Scatter Plot 0516017

This interactive scatter plot visualizes the Iris dataset, showing correlations between selected measurements for three flower species. Users choose the x- and y-axis variables from dropdown menus, which re-renders the SVG using d3.csv data, d3.scaleLinear, and d3.axisBottom/axisLeft. Points are colored via d3.scaleOrdinal with semi-transparent red, green, and blue fills, including a legend. The code uses d3.select and d3.selectAll to manage updates and append text labels for axes, title, and legend.

Oct 5, 2020