Fork of Line Chart Project

100%

Fork of Line Chart Project

✓ Published0🌍 Public

Last edited Apr 26, 2023

Created on Apr 26, 2023

A line chart displays high hotel booking rates over time, with a smooth curve generated using D3 v5's `line` and `curveBasis` functions. The SVG visualization uses `scaleTime` and `scaleLinear` for the axes, with grid lines created by `axisBottom` and `axisLeft`. Data is loaded from a CSV hosted on GitHub, parsed with `csv`, and rendered with custom styling for the axis labels and maroon stroke line path.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart Project

A line chart depicts high hotel booking rates over time. The visualization uses D3 v5 to render an SVG, employing `scaleTime` and `scaleLinear` for the axes, `axisLeft` and `axisBottom` for ticks, and a `line` generator with `curveBasis` for the smoothed path. Data is loaded from a CSV via the `csv` function and parsed into dates and numbers before rendering.

Rrajasrilekkala

89% match

Loading thumbnail…

Fork of Line Chart Project - Hotel booking that are available

This line chart visualizes hotel booking availability over a period of time, with a smooth curve rendered in yellow on a pink background. Built with D3 v5, the code uses `scaleTime` and `scaleLinear` for the axes, `line` with `curveBasis` for the smoothed path, and `axisBottom` and `axisLeft` for tick marks. The data is loaded from a GitHub gist via `csv` and parsed into dates and numeric values before being drawn as an SVG.

Rrajasrilekkala

88% match

Loading thumbnail…

Fork of Area Chart for Hotel Booking - Project

This area chart visualizes hotel booking closure rates over time, with a pink background and blue filled area beneath a curved line. It uses D3 v5’s `csv` loader to import timestamp and hotel-close data from a GitHub gist, then employs `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the smooth, filled path. Axes are rendered with `axisLeft` and `axisBottom`, including tick lines and custom labels, while the SVG canvas measures 960 by 500 pixels and is appended to by a single group with specified margins. The chart title appears above the plotting area.

Kkakumanusreya

85% match

Loading thumbnail…

Fork of Line Chart For The hotel data_bhavya

This line chart visualizes the total number of hotel bookings per year, using aggregated data from a hotel bookings CSV file. The chart is rendered as an SVG using D3.js v7, with a band scale for the year axis and a linear scale for the booking counts. The visualization draws a steelblue line path connecting circular data points, and includes labeled axes and a title. The code uses D3’s `d3.group` and `d3.sum` to aggregate the data, and the Poppins font and teal background come from an external stylesheet.

Bbhavyapokuri123@gmail.com

82% match

Loading thumbnail…

Fork of Fork of Fork of Line_Stroke_Death

This fork of Line_Stroke_Death shows restaurant sales counts over time, with a smooth green curve plotted on a scatter-free line chart. The visualization uses D3 v5 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to generate the SVG path. It loads CSV data from a GitHub gist, parses numeric fields, and renders axes with custom labels. The chart includes a title, rotated y-axis label, and styled stroke using the CSS class `.line-path`.

Mmaheganesh

81% match

Loading thumbnail…

Fork of Line_Stroke_Death

This example shows a line chart of annual restaurant counts, plotting year against sales figures from a CSV dataset. The line uses a smooth basis curve, with orange styling and an 8-pixel stroke width. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis`. The data is loaded via `d3.csv` from a GitHub Gist, and the chart includes labeled axes and a title.

Mmaheganesh

80% match

Loading thumbnail…

Fork of Stylized Line Chart

This fork of a stylized line chart plots latency measurements over time. The chart uses a natural cubic spline through `curveNatural` from D3 to create a smooth path, with axes rendered using `scaleTime` and `scaleLinear`. Time ticks are formatted with `timeFormat` to display weekday abbreviations, while axis labels are styled with Poppins font. The data loads from a CSV URL via `d3.csv`, and the visualization is built with React components, using SVG for rendering.

Ddankvader1

80% match

Loading thumbnail…

Fork of Line chart

This fork of a line chart displays daily temperature readings across multiple districts over time, with each district assigned a distinct color from a categorical scale and identified via a custom color legend. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `line` generator with `curveBasis`, and `nest` to group data by district, while parsing dates with Day.js and reading CSV input from a GitHub repository. Axes include grid lines and rotated labels, and the chart is rendered as an SVG with styled paths using mix-blend-mode for overlapping lines.

Vvidhyanamini

80% match