Skip to main content
SimilarExport ZIP
100%

test me

✓ Published0🌍 Public
Mmanoj-soft
Last edited Jul 24, 2021
Created on Jul 24, 2021
Forked from d3-simple-slider

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses d3.v5 with an SVG renderer to plot time-series lines, employing d3.scaleLinear for both axes and d3.line with curveCatmullRom smoothing to connect data points. A color legend component maps city names to line colors, while the axes are generated using d3.axisBottom and d3.axisLeft, with gridlines rendered via tick marks. Styling adjustments remove axis domains and apply custom tick padding for a cleaner presentation.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Testing | 2008-2016

A multi-line chart displays daily temperature readings in Celsius for multiple cities over one week, with each city distinguished by color and a legend identifying them. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, `line` with `curveBasis`, and `nest` to group data by city. Data comes from the Data Canvas – Sense Your City dataset, loaded via `csv` and rendered as SVG paths with a color legend built from a custom `colorLegend` module.

SStefan Isaia
81% match
Loading thumbnail…

MULTILINE CHART

This multiline chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 with nested line paths to plot temperature over time, with each city assigned a distinct color from the ordinal color scale. The code employs d3.line with curveBasis for smooth curves, d3.nest to group data by city, and custom axis labels and legends rendered as SVG elements.

Pprincit
81% match
Loading thumbnail…

MULTILINE CHART

This multiline chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 with nested line paths to plot temperature over time, with each city assigned a distinct color from the ordinal color scale. The code employs d3.line with curveBasis for smooth curves, d3.nest to group data by city, and custom axis labels and legends rendered as SVG elements.

Pprincit
81% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for cities worldwide, using data from Data Canvas - Sense Your City. Each city is represented by a smooth, color-coded line, with multiple lines overlaid to compare temperature trends over time. Built with D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scaling, `line` with `curveBasis` for path generation, and `nest` to group data by city. Axis labels and a color legend clarify the time, temperature, and city mappings, while SVG rendering and CSS styling support the visual output.

RRamin Melikov
81% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for cities around the world, using data from Data Canvas - Sense Your City. Each city appears as a separate colored line, with a color legend on the right and a titled chart showing time on the x-axis and temperature on the y-axis. The visualization is rendered as an SVG using D3 v5, employing d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, d3.nest, and d3.axisLeft/axisBottom. Data is loaded via d3.csv from a GitHub-hosted CSV file, with dates parsed using the Day.js library.

Ggcappadaniel
81% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Each line represents a city, with time on the x-axis and temperature on the y-axis, using a basis curve for smooth paths and a color legend to identify cities. The visualization is built with D3 v5, rendering as SVG, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.line`, `d3.nest`, and `d3.schemeCategory10` for color mapping. Gridlines and axis labels provide context, while paths are styled with mix-blend-mode for overlapping lines.

Gglimpsedchaos
81% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius from cities around the world, sourced from Data Canvas - Sense Your City. Each city appears as a separate smoothed line, color-coded using a categorical scale, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and `d3.nest` to group data by city. A custom color legend and gridlines with axis labels complete the chart.

Eec13000ibm
81% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses multiple lines to compare temperature trends across cities, with each line color-coded by city name. Built with D3 version 5, the code employs `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` for scaling, `d3.line` with `d3.curveBasis` for path generation, and `d3.nest` for grouping data. A custom color legend component (`colorLegend.js`) renders the categorical color scale, while axes are drawn using `d3.axisLeft` and `d3.axisBottom` with gridlines.

SSean Moore
81% match