msasuhaimi

@msasuhaimi·3 public vizzes

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. The chart plots temperature in degrees Celsius against time, with a smoothed curve connecting the data points. The visualization is built using D3 v5, leveraging the `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs. It renders as an SVG, with axis labels, a title, and grid lines, and includes code for axis customization and label styling.

Mar 3, 2021

Loading thumbnail…

HTML CARS REPORT

This example displays a minimal HTML page titled “HTML CARS REPORT” with a simple heading and an unordered list of three car brands: Nissan, Ford, and Chevrolet. It demonstrates a bare-bones static webpage using plain HTML, with no additional styling or scripting. The code uses only standard HTML elements such as `<h1>` and `<li>` to structure the content, relying entirely on the browser’s default rendering. It shows how basic markup alone can present a straightforward report without any JavaScript, CSS, or external libraries.

Mar 3, 2021

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to incorporate D3.js into a VizHub project using ES6 modules and a local CSS file. It loads D3 v5 via UNPKG and uses the `select` API to target a div with the id `message`, setting its text content to a string imported from a separate `myMessage.js` module. The page renders a simple centered text display, with styling applied through `styles.css`. The visualization serves as a minimal template for structuring reusable module code with D3.

Mar 3, 2021