50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
|
import React, { Component } from 'react'
|
||
|
import PropTypes from 'prop-types'
|
||
|
|
||
|
// There would be separate one of these for mapview and topicview
|
||
|
|
||
|
/*
|
||
|
it could use the diffing intelligently to know when you
|
||
|
update the visualization
|
||
|
|
||
|
use componentDidUpdate to check for differences in
|
||
|
- topic list, synapse list, mapping list, etc
|
||
|
- use that info to intelligently update and animate the viz.
|
||
|
|
||
|
basically port everything from VISUALIZE module over into here
|
||
|
|
||
|
it should dynamically generate and pass in callbacks to the visualization
|
||
|
*/
|
||
|
|
||
|
class MapVis extends Component {
|
||
|
static propTypes = {
|
||
|
topics: PropTypes.array,
|
||
|
synapses: PropTypes.array,
|
||
|
mappings: PropTypes.array,
|
||
|
filters: PropTypes.array,
|
||
|
selectedNodes: PropTypes.array,
|
||
|
selectedEdges: PropTypes.array,
|
||
|
onSelect: PropTypes.func,
|
||
|
onPan: PropTypes.func,
|
||
|
onZoom: PropTypes.func,
|
||
|
onDrawSelectBox: PropTypes.func
|
||
|
}
|
||
|
|
||
|
constructor(props) {
|
||
|
super(props)
|
||
|
this.state = {
|
||
|
mGraph: null
|
||
|
}
|
||
|
}
|
||
|
|
||
|
componentDidMount() {
|
||
|
|
||
|
}
|
||
|
|
||
|
render () {
|
||
|
return <div id="infovis" />
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default MapVis
|