Skip to main content
SimilarExport ZIP
100%

Linear regression with some fun interaction

✓ Published0🌍 Public
Sseanlucano
Last edited Jan 4, 2021
Created on Jan 3, 2021
Forked from Loadind Data

A scatter plot displays the relationship between Microsoft and Walmart stock returns, overlaid with a linear regression line and its R-squared value. Users can click the plot background to add new data points, or click existing circles to remove them. The visualization uses D3.js v6 for SVG rendering, d3-regression for calculating the regression line, and loads its dataset from a remote CSV file.

AI-generated description

Adding and removing data from a scatter plot and regression line with clicks.

MIT Licensed

Similar vizzes

Loading thumbnail…

Best Fit Line

An interactive scatter plot displays the relationship between Microsoft and Walmart stock returns. Users click and drag to draw their own estimated regression line onto the chart. A button reveals the actual least squares fit, computed using the `d3-regression` library’s `regressionLinear()` function. Data points render as circles from the CSV file, while the user’s line is drawn with `d3.drag()` pointer events. The SVG visualization uses D3 v6 scales, axes, and `transition`-less direct attribute updates.

Sseanlucano
87% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This interactive scatter plot visualizes Walmart sales data, plotting temperature against sales year with draggable, animated transitions. Every two seconds, the x-axis automatically cycles through different data columns—year, temperature, weekly sales, and fuel price—updating the circles’ positions accordingly. Built with D3 v6, the visualization uses scaleLinear, axisLeft, axisBottom, and a reusable scatterPlot factory function to manage state. Data loads from a CSV via d3.csv, and the SVG renders with a custom Share Tech font, creating a dynamic exploration of retail metrics.

Mmahee0725
74% match
Loading thumbnail…

Reusable scatter plot

This scatter plot visualizes Walmart sales data, showing the relationship between item price and total sales. The visualization reveals how sales figures correlate with product pricing across different items. The code uses D3 v5's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to map the data from a CSV file to SVG circles, with each circle representing a data point. The chart includes labeled axes for Total Sales and Item Price, along with a descriptive title. The responsive design fills the browser window, and the styling incorporates custom fonts and tick sizes for improved readability.

Ssaiyogesh9911@gmail.com
72% match
Loading thumbnail…

Creating a Scatter Plot with D3.js

This scatter plot visualizes Walmart’s weekly sales against temperature, with each steel-blue circle representing one week. The x-axis spans the temperature range, while the y-axis starts at zero and extends to the maximum sales value. Built using the D3.js v5 API, the example loads a cleaned CSV from a GitHub gist and renders an SVG. It applies `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes and map data points.

Ssaiyogesh9911@gmail.com
70% match
Loading thumbnail…

Simple Linear Regression + Scatterplot with D3

This example demonstrates a simple linear regression overlaid on a scatterplot, using D3 v4 with SVG rendering to visualize the relationship between years of experience and salary. The chart employs d3.scaleLinear for both axes and d3.axisBottom/axisLeft for ticks, while the regression calculations and line generation are handled by the Simple-Statistics.js library functions ss.linearRegression and ss.linearRegressionLine. The regression line connects the first and last x-coordinates of the dataset, with the title and explanatory markdown cells providing context for the analysis.

HHariprashanth75
69% match
Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes Walmart sales data by plotting weekly sales, year, and temperature as x, y, and z coordinates. It uses Plotly’s `scatter3d` trace with semi-transparent markers to show relationships between the variables. The data is loaded via `d3.csv` from a GitHub raw URL, and the layout removes all chart margins. The example demonstrates combining D3’s CSV parsing with Plotly’s 3D rendering capabilities in a React-compatible setting, displaying the plot in a dedicated div element.

SSweetierams
69% match
Loading thumbnail…

Linear Regression Line with D3.js

This visualization plots the correlation between a country's happiness score and its health expenditure per person, using a scatter plot of circles and an overlaid linear regression trendline. The data is loaded from a CSV file via `d3.csv` and rendered as SVG. The least-squares computation is performed manually in `index.js` to calculate slope, intercept, and r-squared, which are then used to draw the line via `d3.svg.line` and the `d3.scale.linear` axis scales.

Mmkt-ds
68% match
Loading thumbnail…

Fork of Line Chart- Data Visualization

This fork of a line chart visualizes Walmart’s stock price over time, with the x-axis mapping years and the y-axis mapping price. Using D3 v5, it loads CSV data from a GitHub gist and parses dates with `d3.timeParse`. The SVG render applies `d3.scaleTime` and `d3.scaleLinear` for axes, draws gridlines via tick sizes, and connects data points with a blue `d3.line` path. The chart includes axis labels for "Year" and "Stock Price."

Ppavan0828
68% match