Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hotel messenger traffic

Public visualization

Viewing a saved revision (read-only)

974d844f90114b69b0a9b7ff7c554d72

Hotel messenger traffic

0 stars0🌍 Public
MMarcelo
Last edited May 9, 2021
Created on May 1, 2021

This visualization shows hotel messenger traffic across five service categories (Superhost, Restaurant, Bar, Beach, Room Service) over one week, with lines and circles representing daily message volumes. The chart uses D3.js v5 classes including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to build axes, while `d3.line` with `d3.curveMonotoneX` renders the paths. Interactive tooltips appear on mouseover, and circles are colored red or green based on incident versus resolve counts. The legend uses `d3.nest` to group categories, and the data is procedurally generated in `useData.js` for this React-based example.

AI-generated description

Messages traffic using javascript Classes instead of React.