WalmartDataViz

This is a React Redux and D3.js-based data visualization tool using Walmart Open API!

Watch the app demo below:

How It Works

Upon a search for specific products, this application performs an AJAX call via Walmart's Search API to retrieve the Top 10 Bestselling ones on Walmart.com, and displays them in a horizontal bar chart (Bestselling Rank vs. Product Price). You may also hover over/tap on the bars to see the full product name and prices.

Technologies used: React JS, Redux, D3.js, Webpack, Walmart Open API, Bootstrap, HTML, CSS, JavaScript

How To Set It Up

First download the zip or clone this repository.

Navigate to your terminal / command line and run:

1. npm install --save axios redux-promise

2. npm install

3. npm start

Disclaimer

Because I am hosting this application from an 'https' domain, and the API call is to an 'http' domain, my application is currently not supported in most major browsers without using plugins. See CORS.

To use in Chrome, please consider installing this plugin. It is completely safe and used by developers to carry out AJAX calls to external servers!

This also means that it cannot retrieve data on mobile phone browsers. Please run it locally on your laptop or desktop device.

Thank you so much for checking out my Walmart Data Viz tool!