Fork of test-0601-2

100%

Fork of test-0601-2

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jun 1, 2022

This example displays the total number of user sessions as a plain numeric value on a webpage. It fetches a JSON file from a GitHub-hosted dataset using `$.getJSON` and the Fetch API. The retrieved `perDay` value from the `usersOnline` object is written directly into an HTML `<span>` element. The visualization is minimal, consisting solely of this headline number without charts or graphs.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of test-0601-3

This example displays the total number of user sessions from a remote JSON dataset, rendering a horizontal bar chart that compares session counts across different user types. The visualization uses Vega-Lite and the Vega-Lite API to define a bar mark, with the x-axis encoding quantitative user numbers (scaled to a 0–300 domain) and the y-axis encoding categorical user types. The total session count is also injected into the page’s heading via `document.getElementById`. Data is fetched asynchronously from a GitHub gist using the Fetch API, and the chart is appended to a DOM container.

HHalcyonWjr

80% match

Loading thumbnail…

test-0601-1

This example displays the total number of user sessions and a bar chart of session counts by user type. It fetches JSON data from a GitHub gist using the Fetch API, then uses vega-lite-api with vega and vega-lite to render the bar chart. The total session count is extracted from the data and inserted into the page’s heading via `getElementById`. The chart encodes user type on the x-axis and session numbers on the y-axis.

HHalcyonWjr

72% match

Loading thumbnail…

Fork of Fork of js

This example displays a plain-text summary of a loaded CSV dataset, showing the total row count, the column names, and the first data record as a JSON string. It uses D3.js version 7.3.0 to fetch the data with `d3.csv()` and then manipulates the DOM by selecting a `#data-summary` div and appending paragraph elements with the computed summaries. The page also logs the parsed data to the browser console for inspection.

BBALAJI MANDAVA

63% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates a static web page that displays a single numerical value, specifically the total session count for the "nodelink" category, which is 193. The page uses embedded JavaScript to define a data object containing session counts for various visualization types and then updates an HTML span element's text content with that value. The code relies on the native `document.getElementById` method and the `textContent` property to manipulate the DOM, without any external charting or data-processing libraries.

HHalcyonWjr

63% match

Loading thumbnail…

Fork of Untitled

This example tracks the cumulative number of VizHub users since the platform’s launch on August 14, 2018. It displays a streamgraph where stacked, colored areas represent user growth over time, with a moving vertical cursor that highlights the current date. The visualization uses D3’s `d3.stack()` and `d3.area()` to construct the layered paths, while `d3.brushX()` and a custom `d3.scaleTime()` axis enable interactive time-window selection. Data is loaded from a local CSV file and rendered as an SVG with smooth transitions between brushed states.

CChristian

63% match

Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, presenting the total row and column counts alongside a preview of the first ten records in JSON format within a web page. The visualization uses D3 v5’s `select`, `csv`, and `csvFormat` functions to fetch and process the data from a remote CSV file, while also rendering an SVG background image and additional text elements. The page incorporates a large header and a hyperlink to the external data source, with the results displayed in styled `<pre>` tags.

Aajaysonu

62% match

Loading thumbnail…

Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, showing the total row count, column count, and file size in kilobytes, followed by a JSON preview of the first ten rows. It uses D3 v5’s `csv` method to load data from a remote CSV file hosted on GitHub, then appends the summary and preview as text elements to the page body using `select` and `append`. The dataset originates from a survey on pregnancies, blood pressure, and diabetic status, and the page includes a background image and link to the raw data source.

VVineela Reddy

61% match

Loading thumbnail…

Fork of Fork of Cat smiley

This example demonstrates a data-driven dashboard that loads a CSV dataset from a remote URL and computes the sum of a population column, displaying the result alongside file size in a styled container. The page also embeds three external SVG images related to population and coverage statistics, which are rendered as static visuals. The code uses the D3.js v7 library for fetching and parsing the CSV via `d3.csvParse`, while the raw text is retrieved with the Fetch API. A simple reduce operation calculates the column total, and the outcome updates a `<pre>` element. The design focuses on presenting summary metrics with minimal interactivity.

Rreddysushma994@gmail.com

61% match