birat-banstola

@birat-banstola·2 public vizzes

A Line-Chart with D3.js

The visualization displays yearly average rainfall and temperature in Germany from 1991 to 2015 as a dual-line chart, with red lines for temperature and blue lines for precipitation. It uses D3.js v5.7.0 with SVG rendering, leveraging `d3.nest()` to group raw CSV data by year and `d3.mean()` to compute annual averages. The chart implements linear scales, axis generators (`d3.axisBottom`, `d3.axisLeft`, `d3.axisRight`), and line generators to plot the two time series, with labeled axes for clarity.

Apr 26, 2021

Loading thumbnail…

Cars report

This example demonstrates how to load D3 via UNPKG and use ES6 module imports in a VizHub project. It displays a simple text message, "Hello world!", inside an HTML `<pre>` element using JavaScript to set its content. The code imports from local ES6 modules, as shown in `myMessage.js`, and references the `document.getElementById` API to update the page. The project includes separate files for HTML structure, JavaScript logic, and CSS styling, though the styling is minimal and not applied to the visible output.

Apr 26, 2021