Scatter plot - Revision history

A WASSERMANN at 09:04, 23 November 2023

2023-11-23T09:04:29Z

← Older revision		Revision as of 09:04, 23 November 2023
Line 20:		Line 20:
	var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});		var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});
	</jsxgraph>		</jsxgraph>

			For a dynamic example, see [[Scatter plot with slider]].

	===The underlying JavaScript code===		===The underlying JavaScript code===

A WASSERMANN at 09:02, 23 November 2023

2023-11-23T09:02:42Z

← Older revision		Revision as of 09:02, 23 November 2023
Line 17:		Line 17:
	y_arr.push(y, y, NaN);		y_arr.push(y, y, NaN);
	}		}
	~~board.create('point', [1,1]);~~
	var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});		var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 09:02, 23 November 2023

2023-11-23T09:02:25Z

← Older revision		Revision as of 09:02, 23 November 2023
Line 17:		Line 17:
	y_arr.push(y, y, NaN);		y_arr.push(y, y, NaN);
	}		}
			board.create('point', [1,1]);
	var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3});		var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});
	</jsxgraph>		</jsxgraph>

Line 37:		Line 37:
	}		}

	var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: '~~rounded~~'});		var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'round'});
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 09:01, 23 November 2023

2023-11-23T09:01:02Z

← Older revision		Revision as of 09:01, 23 November 2023
Line 37:		Line 37:
	}		}

	var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3});		var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3, lineCap: 'rounded'});
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 11:56, 14 April 2020

2020-04-14T11:56:18Z

← Older revision		Revision as of 11:56, 14 April 2020
Line 31:		Line 31:
	y_arr = [];		y_arr = [];
	for (i = 0; i < 1000; i++) {		for (i = 0; i < 1000; i++) {
	x = Math.random() * 8 - 4;		x = Math.random() * 8 - 4;
	y = Math.random() * 8 - 4;		y = Math.random() * 8 - 4;
	x_arr.push(x, x, NaN);		x_arr.push(x, x, NaN);
	y_arr.push(y, y, NaN);		y_arr.push(y, y, NaN);
	}		}

A WASSERMANN at 11:55, 14 April 2020

2020-04-14T11:55:59Z

← Older revision		Revision as of 11:55, 14 April 2020
Line 12:		Line 12:
	y_arr = [];		y_arr = [];
	for (i = 0; i < 1000; i++) {		for (i = 0; i < 1000; i++) {
	x = Math.random() * 8 - 4;		x = Math.random() * 8 - 4;
	y = Math.random() * 8 - 4;		y = Math.random() * 8 - 4;
	x_arr.push(x, x, NaN);		x_arr.push(x, x, NaN);
	y_arr.push(y, y, NaN);		y_arr.push(y, y, NaN);
	}		}

A WASSERMANN at 11:55, 14 April 2020

2020-04-14T11:55:30Z

@@ Line 1: / Line 1: @@
 Of course, scatter plots can be realized with JSXGraph *point* objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the *curve* object. Here is a neat little trick how to do this:
 <jsxgraph width="500" height="500">
@@ Line 21: / Line 23: @@
 ===The underlying JavaScript code===
 <source lang="javascript">
 </source>
 [[Category:Examples]]
 [[Category:Curves]]

A WASSERMANN: Created page with "Of course, scatter plots can be realized with JSXGraph point objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the curve..."

2020-04-14T11:50:45Z

Created page with "Of course, scatter plots can be realized with JSXGraph *point* objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the *curve*..."

New page

Of course, scatter plots can be realized with JSXGraph *point* objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the *curve* object. Here is a neat little trick how to do this:

<jsxgraph width="500" height="500">
const board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-5, 5, 5, -5], axis:true
});

var i, x, y,
x_arr = [],
y_arr = [];
for (i = 0; i < 1000; i++) {
x = Math.random() * 8 - 4;
y = Math.random() * 8 - 4;
x_arr.push(x, x, NaN);
y_arr.push(y, y, NaN);
}

var scatterplot = board.create('curve', [x_arr, y_arr], {strokeWidth: 3});
</jsxgraph>

===The underlying JavaScript code===
<source lang="javascript">
</source>

[[Category:Examples]]
[[Category:Curves]]

Scatter plot - Revision history

A WASSERMANN at 09:04, 23 November 2023

A WASSERMANN at 09:02, 23 November 2023

A WASSERMANN at 09:02, 23 November 2023

A WASSERMANN at 09:01, 23 November 2023

A WASSERMANN at 11:56, 14 April 2020

A WASSERMANN at 11:55, 14 April 2020

A WASSERMANN at 11:55, 14 April 2020

A WASSERMANN: Created page with "Of course, scatter plots can be realized with JSXGraph *point* objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the *curve*..."

A WASSERMANN: Created page with "Of course, scatter plots can be realized with JSXGraph point objects. But if a very large number of points have to be plotted it may be more efficient to (ab)use the curve..."