小编Nic*_*ckF的帖子

我实现了一个d3折线图，该折线图从CSV文件读取数据，然后绘制多条线以响应鼠标悬停事件。使用下面的代码，它在平移和缩放中可以正常工作（很抱歉，它太长且有点凌乱，但我觉得最好显示完整的代码）：

    d3.csv("ijisb.csv", function(error, data) {

    var margin = {top: 50, right: 120, bottom: 50, left: 70},
    width = 1200 - margin.left - margin.right,
    height = 800 - margin.top - margin.bottom;

    var parseDate = d3.time.format("%m%d").parse;

    var color = d3.scale.category20();

    color.domain(d3.keys(data[0]).filter(function(key) { return key !== "date"; }));

    data.forEach(function(d) {
        d.date = parseDate(d.date);
    });

    var sources = color.domain().map(function(name) {
        return {
            name: name,
            values: data.map(function(d) {
                return {date: d.date, temperature: +d[name]};
            })
        };
    });

    var x = d3.time.scale()
        .range([0, width])
        .domain([
        d3.min(data, function(d) …

我有一个包含全球海面温度的netcdf文件.使用matplotlib和Basemap,我已设法使用以下代码制作此数据的映射:

from netCDF4 import Dataset
import numpy as np
import matplotlib.pyplot as plt
from mpl_toolkits.basemap import Basemap

filename = '/Users/Nick/Desktop/SST/SST.nc'
fh = Dataset(filename, mode='r')

lons = fh.variables['LON'][:]
lats = fh.variables['LAT'][:]
sst = fh.variables['SST'][:].squeeze()

fig = plt.figure()

m = Basemap(projection='merc', llcrnrlon=80.,llcrnrlat=-25.,urcrnrlon=150.,urcrnrlat=25.,lon_0=115., lat_0=0., resolution='l')

lon, lat = np.meshgrid(lons, lats)
xi, yi = m(lon, lat)

cs = m.pcolormesh(xi,yi,sst, vmin=18, vmax=32)

m.drawmapboundary(fill_color='0.3')
m.fillcontinents(color='0.3', lake_color='0.3')
cbar = m.colorbar(cs, location='bottom', pad="10%", ticks=[18., 20., 22., 24., 26., 28., 30., 32.])
cbar.set_label('January SST (' + u'\u00b0' + 'C)') …