0.1.0 • Published 5 years ago
d3-numerosity-visualsearch v0.1.0
d3-numerosity-visualsearch
Installing
If you use NPM, npm install d3-numerosity-visualsearch
. Otherwise, download the latest release.
If you use the latest release, copy the code in your project directory.
Generate Stimulus
d3-numerosity-visualsearch generate_stimulus supports 3 Shapes
- sqaure
- circle
- diamond
It accepts size and color as well
Example
import d3 from 'd3-numerosity-visualsearch';
componentDidMount() {
var result = d3.stimulus.generate_stimulus([
{
shape: 'circle',
size: 10,
color: 'red'
},
{
shape: 'square',
size: 20,
color: '#4286f4'
}
], [10, 10]);
var div = document.getElementById("root");
div.innerHTML += result;
}
render() {
return <div className="App" />;
}
Subcondition Generator
d3-numerosity-visualsearch subconditions only supports 4 colors
- RED
- BLUE
- GREEN
- YELLOW
Example
import d3 from 'd3-numerosity-visualsearch';
componentDidMount() {
var result = d3.subcondition.numerosity('YELLOW');
var div = document.getElementById("root");
div.innerHTML += result;
}
render() {
return <div className="App" />;
}
VisualSearch Generator
VisualSearch supports 4 colors
- RED
- BLUE
- GREEN
- YELLOW
Example
import d3 from 'd3-numerosity-visualsearch';
componentDidMount() {
var result = d3.visualSearch.visualSearch('RED');
var div = document.getElementById("root");
div.innerHTML += result;
}
render() {
return <div className="App" />;
}