radkol

@RadhikaKolhekar·2 public vizzes

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red, semi-transparent circles encode each vehicle’s values, with axis labels and tick marks generated using d3.axisLeft and d3.axisBottom. The chart uses d3.scaleLinear with extent-based domains and nice rounding, while SVG rendering handles the presentation. A title and rotated axis label are added manually, with styling applied via CSS classes for ticks, labels, and the caption.

Oct 18, 2023

Loading thumbnail…

SVG fundamentals

An SVG page displays the text “Hello World” inside a pre element within an SVG container. The example introduces fundamental SVG shape concepts through commented-out circle elements, showing coordinate attributes like `cx` and `cy`. JavaScript sets the pre element’s text content using `document.getElementById` and `textContent`. The rendering uses plain SVG and vanilla JavaScript, with no external libraries or data sources.

Oct 17, 2023