ProView
Introduction to the main features
CivTrade's ProView is a developer's miracle.
Essentially creating the DeFi equivalent of Binance, it turns decentralized data into a pool of accessible inforrmation for traders, always at lower gas fees than Uniswap (see our previous post on gas details), empowering you to make better trades with peace of mind. This pool includes:
  • Automated Order Book: showing the dollar value locked at different prices
  • Interactive chart: displays the price history of your token (in terms of ETH)
  • Order execution: managing your existing orders while submitting new orders directly on the live page
While accessible on mobile, its full library of tools are better used on desktop. It is currently available for the ~1,300 tokens with at least one liquidity pool on Uniswap v3 and the Ethereum blockchain, which are also listed by Coingecko.
Click here to see tokens from the 1,300+ supported by ProView.

Main features

Click the image to expand it

The Order Book

A major innovation to the DeFi world.
Typically, a centralized exchange would keep a live record of its limit orders and display them in real-time as they change with the market. To build a decentralized solution, the blockchain would require some adaptations:
  • Updated every 15 seconds, to allow for at least one new block to be mined by the blockchain - a real-time process, but with longer time intervals
  • Computed for any Uniswap v3 pair thanks to its concentrated liquidity innovation (by liquidity pair and fee tier), but not for classical "full range" AMM systems based on Uniswap v2, like for example SushiSwap or ShibaSwap
  • Dollar value per token (e.g. CIV) at various prices, assuming a constant dollar value of the other token in the pair (e.g. ETH) at its current market value (to USDT, e.g. $3,000)
  • Spaced across price levels based on user-defined ranges, e.g. 1% to show CIV/ETH prices in 1% increments, summing all ticks around that price point e.g. of 20,000 CIV per ETH +/- 0.5%
  • Shaped differently, surprising traditional traders accustomed to the “v-shaped” books common to market makers
An AMM is essentially a fee-earning system whereby liquidity providers chase the current price: therefore, the most common shape will be an inverted V (much like an "A") or a top-heavy sliding scale, when the amount of tokens locked is constant - growing price levels make top-side tokens relatively more valuable in $ terms than bottom-side tokens.
Technically the two sides of the order book store different tokens, e.g. CIV on the top side and ETH on the bottom side. For simplicity’s sake, the order book shows the value expressed both in dollars and same-token prices, e.g. CIV per ETH, using various price levels as exchange rates to value each row.
Each chart shows prices across all liquidity pools, whereas order books are focused on a specific pool; therefore, their current prices may differ between the chart and the order book.
Prices may also be shown in the inverse e.g. CIV per ETH versus the inverted direction, ETH per CIV whose price of ETH per CIV is 1/x (x = CIV per ETH).

Top half of the ProView Interface

From left to right:
  1. 1.
    Chart: the graphic representation of the token price (relative to ETH) over time. This chart can be viewed by different time intervals (1 minute, 30 minutes, 1 hour, 1 Day).
    You can also change the period covered using the bottom menu, ranging from 1 Day to 1 Month, 1 Year and even "All."
  2. 2.
    DeFi Automated Order Book (AOB): price levels expressed in token and dollars, as well as the value of automated AMM orders locked into liquidity at that price level. You can change the spacing across different price levels by using the percentage dropdown. In the example below, there are orders worth $1,599 at the price level of $0.153 per CIV = 20,518 CIV per WETH (while keeping the current ETH price constant).
  3. 3.
    Recent Swaps: the latest trades in the liquidity pool, expressed in dollars. In the screenshot, at 1:50 AM, a swap worth $2,670 was completed at a price of $0.129 per CIV in the CIV/WETH pool at the 1% fee tier.
Hover your mouse on any value of the Order Book and Recent Swaps sections, to see the full value.

Bottom half of the ProView Interface

From left to right:
  1. 1.
    Orders: see your limit orders from the most recent, showing
    1. 1.
      the time it was opened (UTC)
    2. 2.
      status (open, filled or closed)
    3. 3.
      the from → to pair (e.g. 2 ETH → 50,390.358 CIV)
    4. 4.
      price (in token to per token from, e.g. 25,578.119 CIV per ETH)
    5. 5.
      a information "i" to view more information on the trade
    6. 6.
      type of limit order (cheaper or faster)
    7. 7.
      available actions (close or open an order, etc.)
  2. 2.
    Buy/Sell token: Enter the amount of and price at you desire. You may need to "approve" the token to be traded - a blockchain security feature that only needs to be done once per token.
  3. 3.
    Set Dollar value: choose a dollar value for your token to make setting the price easier, since it is not usually in USDT but ETH per token
  4. 4.
    Change token: switch to ProView for another token.

Order details example

All your limit orders, both faster and cheaper, are shown in this compact view. This does not include market orders, which are visible directly in your wallet and Etherscan, due to the nature of their execution.
In this example, only one trade was opened on 1 Jan 2022 and so it's the only one that could be closed. The two “filled" were completed and thus auto-closed, whereas the two “closed” orders were pre-closed by the trader.
Click the information "i" next to each trade price, to see full details about that trade.
NOTE: this page refers to the Ethereum token as ETH and WETH (its corresponding wrapped version) interchangeably.