viz.js
import { select } from 'd3';
import { menu } from './menu';
export const viz = (
container,
{ state, setState }
) => {
const optionsData = [
{ value: 'dog', label: 'Dog' },
{ value: 'cat', label: 'Cat' },
{ value: 'hamster', label: 'Hamster' },
{ value: 'parrot', label: 'Parrot' },
{ value: 'spider', label: 'Spider' },
{ value: 'goldfish', label: 'Goldfish' },
];
if (!state.value) {
setState((state) => ({
...state,
value: 'hamster',
}));
return;
}
select(container).call(menu, {
optionsData,
value: state.value,
onChange: (value) => {
setState((state) => ({
...state,
value,
}));
},
});
};
