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

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.

83% match

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.

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`.

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.

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.

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.

80% match

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.

79% match

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`.