连续几天玩D3。我画了一张世界地图,还有一些"事件"与地图上显示的地理位置。
每个事件都由经度,纬度,日期组成
日期范围为6月1日至8月31日。
当事件被添加到地图作为时间进度时,我有一个简单的圆圈。但是,我希望获得一个很好的发光效果,强调当前的地理位置是一个事件。 (例如:https://www.youtube.com/watch?v=ssbQ2PVxGng)
到目前为止,我已经来了:
svg.append('svg:circle')
.attr('cx', coordinates[0])
.attr('cy', coordinates[1])
.attr('r', 4)
.transition('next', function() {
d3.select(this)
.duration(300)
.attr('r', 7)
.attr('fill', 'yellow')
.attr('fill-opacity', .3);
})
.attr('fill', 'orange');
但到目前为止我没有运气。