Fork of a7 q2

100%

✓ Published0🌍 Public

Last edited Nov 8, 2024

Created on Nov 8, 2024

A line chart displays the weekly temperature in degrees Celsius for each day from Monday to Sunday, with data points connected by a smooth curve and markers at each value. The visualization uses the ApexCharts library, instantiating an `ApexCharts` object with a `line` chart type, and maps the dataset’s `day` values to the x-axis categories and `temperature` values to the series data. Tooltips are configured to append the °C unit to each value, and the chart is rendered inside a centered container with a maximum width of 600 pixels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A week in San Francisco - Line chart

A line chart shows hourly temperature readings in San Francisco over a week, with time on the x-axis and degrees on the y-axis. The chart is rendered as an SVG using D3 v5, with scales built via `scaleTime` and `scaleLinear`, and the line path generated by `line` with `curveBasis`. Axes are added with `axisBottom` and `axisLeft`, and the data is loaded from a CSV file using `csv`.

Mmorjyooo

73% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This fork of a line chart displays one week of temperature data in Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The chart plots time on the x-axis and temperature on the y-axis, with each city’s measurements rendered as a distinct colored, smooth curve using d3.line with curveBasis, plus a textured legend built from d3.scaleOrdinal and schemeCategory10. The visualization is rendered as SVG, using d3.axisBottom, d3.axisLeft, d3.nest for grouping, and d3.extent to set scales, with a blended multiply stroke effect on the paths.

HHaileabGH

73% match

Loading thumbnail…

Fork of a week in san francisco

This line chart shows temperature variations over a week in San Francisco, using a smooth area fill and circular points for each hourly reading. The visualization loads CSV data from an external URL, parses timestamps and numeric values, then renders an SVG chart with d3.scaleTime, d3.scaleLinear, axis generators, and an area generator with curveBasis for smoothing. Grid lines and labeled axes clarify the timestamp and temperature scales, while the title and styling come from custom CSS.

Ssgzzhinde

73% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This fork of a line chart displays one week of temperature data in Celsius for various global cities, sourced from Data Canvas - Sense Your City. The visualization encodes time on the x-axis and temperature on the y-axis, with each city represented by a colored line using d3.curveBasis for smoothing. It employs d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal with the schemeCategory10 palette, drawing axes via d3.axisBottom and d3.axisLeft. A custom colorLegend function renders the categorical legend, while the SVG rendering includes styled grid lines and titles.

DDi Cui

72% match

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in San Francisco, plotting temperature in Celsius over time. The chart uses a smooth basis curve to connect data points, with a title, axis labels, and a maroon line against a light grid. Built with D3 v7, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. The data is loaded from a CSV file containing timestamps and temperatures, with circles styled in the CSS but not rendered in the JavaScript.

JJaga-droid

72% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines by shahin

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The SVG visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map timestamps, temperatures, and city colors, with d3.line and curveBasis generating smooth paths. A d3.nest groups readings by city, sorted by final temperature, while a custom colorLegend module renders the categorical palette. The chart includes gridlines, axis labels, and a title, with lines blended using multiply mode.

SShahin Alam

72% match

Loading thumbnail…

Fork of A week in San Francisco - Line chart

This visualization shows temperature readings in San Francisco over a week, using a smooth line chart with time on the x-axis and temperature on the y-axis. The chart includes labeled axes, gridlines, and a title, with the line rendered in a thick maroon stroke. The code uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with curveBasis to generate the path. Axes are drawn with d3.axisBottom and d3.axisLeft, while the SVG structure and styling are managed through d3 selections and CSS.

RRoque Luís Pina

72% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

A multi-line chart displays one week of temperatures in degrees Celsius for cities worldwide, using a qualitative color scale to distinguish each city and a legend for identification. The visualization, built with D3 v5, employs SVG rendering, scaleTime and scaleLinear for axes, and nest().key() for grouping data. The dataset comes from Data Canvas - Sense Your City, and the chart uses basis curve lines with semi-transparent strokes.

HHarshit2255

72% match