双11大数据可视化推荐

// 假设我们有一个包含双11销售数据的数组
const salesData = [
    { date: '2023-11-01', sales: 1200 },
    { date: '2023-11-02', sales: 1500 },
    // ...更多数据
];

// 创建一个折线图
const svg = d3.select('svg');
const margin = { top: 20, right: 20, bottom: 30, left: 50 };
const width = +svg.attr('width') - margin.left - margin.right;
const height = +svg.attr('height') - margin.top - margin.bottom;

const x = d3.scaleTime()
    .domain(d3.extent(salesData, d => new Date(d.date)))
    .range([0, width]);

const y = d3.scaleLinear()
    .domain([0, d3.max(salesData, d => d.sales)])
    .range([height, 0]);

const line = d3.line()
    .x(d => x(new Date(d.date)))
    .y(d => y(d.sales));

svg.append('path')
    .datum(salesData)
    .attr('fill', 'none')
    .attr('stroke', 'steelblue')
    .attr('stroke-width', 1.5)
    .attr('d', line);