Skip to main content
Log in
S

sarveshcsc898@gmail.com

@sarvesh-555·5 public vizzes

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This example visualizes daily surface air temperature data, where each year is represented as a separate line plotted across the days of the year. The lines are colored using a plasma color scale based on the year, with 2024 highlighted in red and a thicker stroke for emphasis. Using D3's `scaleLinear`, `scaleSequential`, and `flatGroup` utilities, the code groups the dataset by year and draws multiple paths. The visualization relies on the `@curran/daily-surface-air-temperature` data package and incorporates responsive axes from the `@curran/responsive-axes` library.

Aug 12, 2024
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This example visualizes daily surface air temperature data, where each year is represented as a separate line plotted across the days of the year. The lines are colored using a plasma color scale based on the year, with 2024 highlighted in red and a thicker stroke for emphasis. Using D3's `scaleLinear`, `scaleSequential`, and `flatGroup` utilities, the code groups the dataset by year and draws multiple paths. The visualization relies on the `@curran/daily-surface-air-temperature` data package and incorporates responsive axes from the `@curran/responsive-axes` library.

Aug 12, 2024
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This example visualizes daily surface air temperature data, where each year is represented as a separate line plotted across the days of the year. The lines are colored using a plasma color scale based on the year, with 2024 highlighted in red and a thicker stroke for emphasis. Using D3's `scaleLinear`, `scaleSequential`, and `flatGroup` utilities, the code groups the dataset by year and draws multiple paths. The visualization relies on the `@curran/daily-surface-air-temperature` data package and incorporates responsive axes from the `@curran/responsive-axes` library.

Aug 12, 2024
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the blank slate starting point for the VizHub V3 runtime environment, which enables continuous hot reloading and interactive widgets. The code exports a `main` function that takes a `container` DIV element and renders a styled "Hello World" message inside it using inline CSS with a large `font-size` value of 377 pixels. The example showcases the simplified entry point structure, requiring neither an `index.html` file nor complex state management, instead relying on the `container` and `options` arguments to establish the application foundation. Interactive editing is achieved by holding the Alt key and dragging the numeric value directly in the editor, which immediately updates the rendered font size.

Aug 12, 2024
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 Runtime Environment’s “Hello World” template, where a single number controls the rendered font size of the text. It shows how the `main` function exported from `index.js` takes a `container` DIV and sets its inner HTML, using an interactive widget to adjust the font size via Alt-drag. The code relies on the environment’s continuous hot reloading to reflect changes instantly, with the container’s dimensions available via `clientWidth` and `clientHeight`. This blank slate serves as a minimal starting point for building interactive visualizations.

Aug 12, 2024