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

100%

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

✓ Published1🌍 Public

Last edited Nov 23, 2018

Created on Oct 24, 2018

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

This interactive scatterplot visualizes B.Toys sales data, plotting each product's GMV against its Net Revenue Rate. Products are color-coded by their "band by click" category, with an interactive legend allowing users to filter the display by selecting specific bands. A date range picker enables filtering the underlying data, and a bar chart shows the average net run rate. The visualization uses D3 v5, loading CSV data and rendering as SVG. Key D3 APIs include `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `extent`.

AI-generated description

MIT Licensed

Similar vizzes

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

94% 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

94% match

Loading thumbnail…

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

This visualization shows the relationship between Gross Merchandise Value (GMV) and Net Revenue Rate for B.Toys products across different product bands, with an interactive date range slider that filters all three charts simultaneously. The main scatterplot displays GMV against net revenue rate, while a multi-series line chart tracks UV and UV_CVR over time, and a promo calendar uses a timeline chart to visualize promotional periods. The code uses d3.v5 with SVG rendering and animation, leveraging d3.scaleLinear, d3.scaleTime, d3.axisBottom, d3.axisLeft, and d3.drag for the slider interaction. Data is loaded from CSV files hosted on VizHub.

NNikkor

93% 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

90% 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

84% 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

83% 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

80% match

Loading thumbnail…

B.Toys Sales: Profit v.s Convert Ratio of Visits

This scatter plot shows the relationship between profit rate and convert ratio of visits for B.Toys sales on JD.com in July 2018. Each circle maps a product’s unit gross profit against its UV conversion rate. The visualization uses D3 v5 scales (scaleLinear), axes (axisLeft, axisBottom), and CSV data loading (csv). The SVG rendering applies a purple, semi-transparent fill to circles, with grid lines and labeled axes. Data comes from a daily GMV dataset provided for research purposes.

NNikkor

79% match