D3.js
Chart.js
Highcharts
Plotly
Google Charts
AnyChart
RAWGraphs
CanvasJS
PhantomStat
SofaScore
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. D3โs functional style allows code reuse through a diverse collection of official and community-developed modules.
PhantomStat is a sports analytics platform built for the gap between casual score sites and paywalled pro tools, covering five sports: football, MMA/UFC, MLB, NBA and tennis.
Football โ free preview pages for 1,230+ teams and 1,960+ players, with modules for Attack vs Defense (xG/shots/goals), Form Index & Rebound, Goal Geolocation Map, Cards Intelligence, Corner Mastery, Top Scorers Cross-Ref, Referee Tendency, Goalkeeper Weakness and Penalty Shot Tracker.
MMA/UFC โ 465+ fighters, 180+ analyzed fights. Free preview shows per-minute striking/grappling rates, KO Power and Cardio scores, a Performance Explorer (set any stat line, see how often the fighter clears it) and Opponent Level context. Pro unlocks the round-by-round Fatigue Curve and Strike Targets & Control breakdown.
MLB โ eight modules: Plate Discipline Lab, Statcast Quality Hub, Performance Spectrum, Situational Splits Matrix, Today's Matchup, Pitcher Arsenal, WAR Decomposition and a Similarity Engine.
NBA โ 30 teams, 500+ players, live matchups. Form Explorer across PTS/REB/AST/3PM/PRA, Opponent Defense, Rest/Back-to-Back splits, a Filter Engine and a multi-line threshold view.
Tennis โ career averages (win rate, holds/breaks serve, serve/return splits, aces, unforced errors, tiebreak% and deciding-set%) on every ATP player page.
Browsing is free with no signup. A free account adds saved watchlists and personalized dashboards; Pro unlocks the advanced modules sport-wide.
PhantomStatNo PhantomStat videos yet. You could help us improve this page by suggesting one.
PhantomStat's answer:
PhantomStat started from a simple gap: casual sports sites stop at the final score and a season average, while the analytics that go deeper are built for professionals and locked behind expensive tools. The goal was to put real per-entity detail โ xG and PSxGA for soccer, round-by-round fatigue curves for MMA, matchup splits for MLB, opponent-defense splits for NBA, serve/return breakdowns for tennis โ in front of any fan for free, with a paid Pro tier reserved for advanced filtering rather than for basic access to the numbers.
PhantomStat's answer:
Sports fans who want more than a final score, and fantasy/simulation players who need the underlying splits rather than a season average. That covers casual fans checking a player's recent form, fantasy managers comparing matchup histograms before setting a lineup, and anyone who follows football, MMA, MLB, NBA or tennis closely enough to want per-round, per-game or per-matchup detail instead of a single headline stat.
PhantomStat's answer:
PhantomStat covers five sports in one platform โ football, MMA, MLB, NBA and tennis โ with dedicated pages per player, team, fighter and matchup. Instead of just headline numbers, each page surfaces the underlying breakdown: xG and PSxGA for football, per-round fatigue curves for MMA, a Prop Line Explorer with histograms for MLB, form and opponent-defense splits for NBA, and serve/return breakdowns for tennis. Browsing is free with no signup required; a paid Pro tier ($29.99 / โฌ29.99 / ยฃ24.99 per month) unlocks advanced filtering and the full historical archive.
PhantomStat's answer:
Most single-sport score sites stop at the headline number, and most deep-analytics tools paywall everything before you can see anything. PhantomStat lets you browse every player, team, fighter and matchup page with no signup required, and covers five sports in one account (football, MMA, MLB, NBA, tennis) instead of forcing you to juggle a separate tool per sport. Pages are built for search too โ SEO-friendly URLs mean a specific player or matchup is usually one search away.
Based on our record, D3.js seems to be more popular. It has been mentiond 175 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
A third option for building stripes is a vector pattern employing D3. - Source: dev.to / 4 months ago
Libraries like D3.js (ISC license) and Chart.js (MIT license) render to SVG because charts need to be sharp at any zoom level and interactive โ tooltips on hover, clickable segments, animated transitions. A chart exported as PNG loses all of that. - Source: dev.to / 4 months ago
This is exactly the goal of the project-graph-generator project: scanning your sources to deduce a dependency graph and produce a simple HTML page using D3.js to display it. - Source: dev.to / 4 months ago
If you wanted to take this one step further, you could instead export the data and build an entire app around it using something like ApexCharts or D3 to create more interactive visualisations. You could even build a dashboard that tracks your performance over time across multiple races. Lots of interesting possibilities here as the data set is pretty rich. I highly recommend checking out the pyrox-client... - Source: dev.to / 5 months ago
That idea stuck with me: build the algorithm in a language where rendering the data structure is easy, then step through the construction visually. JavaScript and D3.js are a natural fit: the algorithm produces a tree, and D3 is very good at drawing trees. - Source: dev.to / 5 months ago
Chart.js - Easy, object oriented client side graphs for designers and developers.
SofaScore - Football live scores on SofaScore livescore from 600+ soccer leagues. Follow live results, statistics, league tables, fixtures and videos from Champions League.
Highcharts - A charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application
Plotly - Low-Code Data Apps
Google Charts - Interactive charts for browsers and mobile devices.
AnyChart - Award-winning JavaScript charting library & Qlik Sense extensions from a global leader in data visualization! Loved by thousands of happy customers, including over 75% of Fortune 500 companies & over half of the top 1000 software vendors worldwide.
