Skip to main content
SimilarExport ZIP
100%

IPV6 直播源

✓ Published0🌍 Public
JJoeycz
Last edited Jul 6, 2024
Created on Jul 26, 2024

This example shows a curated IPTV playlist in M3U format, focused on Chinese state television channels. The data is a simplified list of live-stream URLs sourced from multiple upstream repositories. The visualization is a straightforward list view, where each channel entry displays its logo, name, and group (such as “央视频道”). The channel list is generated from a raw text file hosted on GitHub Gist, with separate variants for IPv4 and IPv6 networks. The visualization emphasizes clarity and minimalism, enabling quick access to live streams.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of react 视频

This example demonstrates a React-based video player streaming a live HLS (HTTP Live Streaming) feed from a public m3u8 playlist URL. It shows how to integrate the Video.js library into a React functional component using hooks, specifically initializing the player once via `useEffect` and handling its lifecycle disposal. The code relies on React 16.9, the Video.js 7.6.6 API, and the `video-react`-style wrapper pattern, configuring the player with options like height, controls, and the HLS source type.

DDanier
47% match
Loading thumbnail…

Gist 4223067a0ab2561280fa7996d7c9ac06

This visualization is a curated list of algorithm articles for competitive programming, specifically focused on graph theory, group theory, and network flow models. The code renders a markdown document as a collection of hyperlinks, showing the titles and URLs of each referenced article. It uses plain HTML and CSS to display the text content, with no interactive or dynamic data-visualization elements. The page serves as a static reference guide, organizing external resources from Luogu, a Chinese competitive programming platform.

RRainboylvx
47% match
Loading thumbnail…

ICE - 6

This example displays the top 12 YouTube channels ranked by video count as a horizontal bar chart. Using React hooks for state management and data loading, it reads CSV data from a GitHub gist via `d3.csv`. D3’s `scaleBand` and `scaleLinear` map channel names and video counts to SVG rectangles, while custom tick marks and labels draw axes without using `axisLeft` or `axisBottom`. The chart’s height is reduced by an extra 100 pixels, trimming the bottom margin. Data originates from a YouTube dataset, distinct from the UN population source mentioned in the README.

MMahitha-Moparthi
46% match
Loading thumbnail…

PiHole List for YouTube

This visualization maps a PiHole blocklist that redirects over 200 YouTube-related domains to 0.0.0.0, rendering a circular network of node clusters. The layout uses d3.forceSimulation to position nodes by their second-level domain, with labels identifying each blocked host. The code groups domains by their suffix (e.g., .com, .co.uk) and colors them by category, while the radial arrangement reveals the global spread of YouTube's domains. The list, sourced from a GitHub gist by JoelBCarter, demonstrates the scale of DNS-level ad blocking.

JJoelBCarter
46% match
Loading thumbnail…

Gist 6ce6b2a6ecda4579b64f

This visualization uses a Vue.js interface to display a list of city and state locations, likely from a dataset of place names. It shows a static, text-based table of these locations, with no visible map or chart. The code relies on standard DOM rendering through Vue’s template system, without additional data-viz libraries like D3 or Three.js. The rendering approach is a simple list, and the data source appears to be a CSV of location strings. No interactive or dynamic behavior is evident beyond the initial display.

CCaged
45% match
Loading thumbnail…

Vyjuhub1

This pie chart displays the distribution of internet usage percentages among ten countries, including China, India, and the United States. The visualization uses D3.js v6 to generate SVG arcs, with each slice sized according to the `internet` value from the dataset. Hovering over a slice reveals a tooltip showing the country's population in millions and its internet percentage. A legend on the right lists each country alongside its corresponding color, which is assigned using `d3.scaleOrdinal` with the `schemeCategory10` palette.

Vvyjayanthimamidipalli@gmail.com
45% match
Loading thumbnail…

ICE 5 OTT PLATFORMS VISUALIZATION

This visualization displays average daily viewing minutes for ten OTT platforms using a bar chart rendered as SVG with D3 v7. The chart sorts platforms by viewing time and includes summary statistics calculated with d3.sum, d3.mean, d3.max, and d3.min. Data loads from a CSV file hosted on GitHub Gist, which d3.csv parses using d3.autoType. The bar chart uses d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis, with axes generated by d3.axisBottom and d3.axisLeft. Interactive elements include a link to the raw CSV dataset.

Uuguggila@gitam.in
45% match
Loading thumbnail…

ICE-6: Rendering Marks and Channels with React & D3

This example visualizes the users of OTT platforms as a horizontal bar chart, with each bar’s length encoding the population value. The code uses React’s `useState` and `useEffect` hooks to load CSV data via `d3.csv`, then renders SVG marks using JSX. D3 scales (`scaleBand`, `scaleLinear`) position the bars, while `xScale.ticks()` generates grid lines and tick labels. The data is sourced from a GitHub gist and limited to the first twelve rows.

CCherukuriMilind
45% match