Two Months B.Toys Sales on JD.com -with annotation

100%

Two Months B.Toys Sales on JD.com -with annotation

✓ Published0🌍 Public

Last edited Sep 26, 2018

Created on Sep 19, 2018

Forked from Two Months B.Toys Sales on JD.com

Two lines show daily GMV and PV for B. Toys on JD.com from July to September 2018, with a purple GMV curve and a green PV curve sharing a time axis. The chart uses dual left and right y-scales via `d3.scaleLinear` and `d3.axisLeft`/`axisRight` to accommodate different value ranges. SVG paths are generated with `d3.line` and `curveBasis`, while an editable callout annotation, created with `d3-annotation`, marks a specific date and value. Data comes from a CSV file containing daily GMV and PV records, rendered with d3 v5.

AI-generated description

Ming Zhang <br> This line chart shows almost two months(from July 1st to Sep 13th in 2018) of sales (in GMV - Gross merchandise volume) in JD.com. This data is from Daily GMV data for B. Toys on JD.com in 2018 for research purpose.

MIT Licensed

Similar vizzes

Loading thumbnail…

Two Months B.Toys Sales on JD.com

This line chart displays daily sales data for B. Toys on JD.com from July 1 to September 13, 2018, plotting both Gross Merchandise Volume (GMV) and page views (PV) on dual y-axes. The purple GMV line and green PV line share a common time axis, with axis labels color-coded to match. Built with D3 v5, the visualization uses `scaleLinear`, `scaleTime`, `d3.line` with `curveBasis` smoothing, and generates axes via `axisLeft`, `axisRight`, and `axisBottom`. Data comes from a CSV file loaded with D3's `csv` method.

NNikkor

93% match

Loading thumbnail…

B.Toys Sales on JD.com Between July 1st to Sep 13th

This interactive scatter plot explores relationships among sales metrics for B.Toys products on JD.com between July 1st and September 13th, 2018. Users select any two numeric columns from the dataset—such as GMV, MSRP, net revenue rate, page visits, or conversion rate—to compare on the x- and y-axes via dropdown menus built with a custom `dropDownMenu` module. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `transition` to render animated, fading circles. Data comes from Rocabin Trade Co., Ltd’s daily GMV CSV file, loaded asynchronously with D3’s `csv` method.

NNikkor

84% match

Loading thumbnail…

B.Toys Sales on JD.com Between July 1st to Sep 13th

This interactive scatter plot explores relationships among daily sales metrics for B.Toys products on JD.com from July 1 to September 13, 2018, using dropdown menus to select which variables to compare on the x- and y-axes. The visualization is built with D3 v5, using SVG for rendering and animated transitions (2000ms duration with staggered delays) to move circles between positions when the axis selection changes. Data points represent individual SKUs, with axes labelable by metrics like GMV, MSRP, page views, or conversion rates. The dataset comes from Rocabin Trade Co., Ltd, covering daily gross merchandise value and related performance indicators.

NNikkor

81% match

Loading thumbnail…

B.Toys Sales: GMV v.s Actual Supply Rate

This scatter plot explores the relationship between GMV and actual supply rate for B.Toys sales on JD.com from July 1 to September 13, 2018. Each circle represents a product, with its position determined by supply rate on the x-axis and GMV on the y-axis. The visualization uses d3.csv to load the dataset, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft with gridlines. Circles are rendered as SVG elements with semi-transparent purple fill, while axis labels and a title are added via SVG text elements.

NNikkor

80% match

Loading thumbnail…

B.Toys Sales: GMV v.s Net Renvenu Rate

This scatterplot explores the relationship between GMV and net revenue rate for B.Toys products sold on JD.com, with each dot representing an individual SKU. Products are color-coded by sales band categories, and hovering reveals product-specific details like name and GMV. Users can click the legend to filter points by band. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring, rendering as SVG. Data comes from Rocabin Trade Co., Ltd.’s 2018 JD.com sales records.

NNikkor

79% match

Loading thumbnail…

B.Toys Sales: GMV v.s Net Renvenu Rate

This scatter plot visualizes the relationship between GMV (Gross Merchandise Value) and Net Revenue Rate for 108 B.Toys products sold on JD.com, with each dot colored by product performance band (D through Z). Built with d3.v5 and SVG, it uses `scaleLinear` for axes, `scaleOrdinal` for color mapping, and native SVG `<title>` elements for hover tooltips showing product names. Users can click the custom color legend to filter points by band, dimming non-selected products via opacity changes. Data comes from a CSV file loaded with `d3.csv`, processed through custom functions `loadAndProcessData` and `scatterplot`.

NNikkor

79% match

Loading thumbnail…

B.Toys Sales: GMV v.s Actual Supply Rate

This interactive scatter plot visualizes the relationship between GMV (Gross Merchandise Value) and the actual supply rate for B.Toys products sold on JD.com between July 1 and September 13, 2018. Each circle represents a product, with the x-axis showing the actual supply rate and the y-axis showing the unit gross profit (GMV). The points are color-coded by a categorical band derived from click data, and a custom color legend allows users to click on a band to filter and highlight only the products in that category. The visualization is built with D3 version 5, rendering as an SVG, and includes a tooltip on each point that displays the product name when hovered. Data is loaded from a CSV file hosted on VizHub.

NNikkor

78% match

Loading thumbnail…

B.Toys Sales: GMV v.s Net Renvenu Rate

An interactive D3.js dashboard visualizes B.Toys sales, contrasting gross merchandise value (GMV) against the net revenue rate per product. A scatterplot uses `d3.scaleLinear` and a `d3.scaleOrdinal` color scale for product bands, with a clickable color legend that filters the chart. A multi-series line chart displays UV and UV_CVR metrics over time, animated via `transition().duration()`. A date-range slider, built with `d3.drag`, filters both visualizations using CSV data loaded via `d3.csv`.

NNikkor

78% match