in examples/website-demo/src/hud.js [71:112]
render() {
const {log} = this.props;
return (
<div id="hud">
<div className="hud-column">
<BaseWidget log={log} streamNames={{state: '/vehicle/autonomy_state'}}>
{this._renderAutonomyState}
</BaseWidget>
<TurnSignalWidget
log={log}
style={TURN_SIGNAL_WIDGET_STYLE}
streamName="/vehicle/turn_signal"
/>
<MeterWidget
log={log}
style={WHEEL_WIDGET_STYLE}
streamName="/vehicle/wheel_angle"
units="Wheel"
min={-180}
max={180}
/>
</div>
<MeterWidget
log={log}
style={METER_WIDGET_STYLE}
streamName="/vehicle/acceleration"
units="Acceleration"
min={-4}
max={4}
/>
<MeterWidget
log={log}
style={METER_WIDGET_STYLE}
streamName="/vehicle/velocity"
units="Speed"
min={0}
max={20}
/>
</div>
);
}