Correlation Confidence in Scatter

Scatter2D graphs are a fundamental visualization tool used to display the relationship between two numerical variables. Each data point is represented as a dot on a two-dimensional plane, where the x-coordinate and y-coordinate correspond to the values of the two variables. This allows for quick identification of trends, clusters, and outliers in the data. Applications range from scientific data analysis to business intelligence, making them highly versatile. Creating effective Scatter2D graphs involves careful consideration of axis scaling, labeling, and color-coding. Highlighting specific data points or regions can improve understanding. Interactive Scatter2D plots further enhance exploration, allowing users to zoom, pan, and select individual data points for detailed examination. Choosing appropriate visualization tools greatly impacts the ability to draw meaningful insights from data.


Economist GGPlot Excel Paul Tol Black And White Solarized Stata Tableau Wall Street CanvasXpress 
<html>

  <head>
    <!-- Include the CanvasXpress library in your HTML file -->
    <link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
    <script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
  </head>

  <body>

    <!-- Create a canvas element for the chart with the desired dimensions -->
    <div>
      <canvas id="canvasId" width="600" height="600"></canvas>
    </div>


    <!-- Create a script to initialize the chart -->
    <script>

      // Create the data for the graph
      var data = {
         "y" : {
            "data" : [
              [21,6,160,110,3.9,2.62,16.46,0,1,4,4],
              [21,6,160,110,3.9,2.875,17.02,0,1,4,4],
              [22.8,4,108,93,3.85,2.32,18.61,1,1,4,1],
              [21.4,6,258,110,3.08,3.215,19.44,1,0,3,1],
              [18.7,8,360,175,3.15,3.44,17.02,0,0,3,2],
              [18.1,6,225,105,2.76,3.46,20.22,1,0,3,1],
              [14.3,8,360,245,3.21,3.57,15.84,0,0,3,4],
              [24.4,4,146.7,62,3.69,3.19,20,1,0,4,2],
              [22.8,4,140.8,95,3.92,3.15,22.9,1,0,4,2],
              [19.2,6,167.6,123,3.92,3.44,18.3,1,0,4,4],
              [17.8,6,167.6,123,3.92,3.44,18.9,1,0,4,4],
              [16.4,8,275.8,180,3.07,4.07,17.4,0,0,3,3],
              [17.3,8,275.8,180,3.07,3.73,17.6,0,0,3,3],
              [15.2,8,275.8,180,3.07,3.78,18,0,0,3,3],
              [10.4,8,472,205,2.93,5.25,17.98,0,0,3,4],
              [10.4,8,460,215,3,5.424,17.82,0,0,3,4],
              [14.7,8,440,230,3.23,5.345,17.42,0,0,3,4],
              [32.4,4,78.7,66,4.08,2.2,19.47,1,1,4,1],
              [30.4,4,75.7,52,4.93,1.615,18.52,1,1,4,2],
              [33.9,4,71.1,65,4.22,1.835,19.9,1,1,4,1],
              [21.5,4,120.1,97,3.7,2.465,20.01,1,0,3,1],
              [15.5,8,318,150,2.76,3.52,16.87,0,0,3,2],
              [15.2,8,304,150,3.15,3.435,17.3,0,0,3,2],
              [13.3,8,350,245,3.73,3.84,15.41,0,0,3,4],
              [19.2,8,400,175,3.08,3.845,17.05,0,0,3,2],
              [27.3,4,79,66,4.08,1.935,18.9,1,1,4,1],
              [26,4,120.3,91,4.43,2.14,16.7,0,1,5,2],
              [30.4,4,95.1,113,3.77,1.513,16.9,1,1,5,2],
              [15.8,8,351,264,4.22,3.17,14.5,0,1,5,4],
              [19.7,6,145,175,3.62,2.77,15.5,0,1,5,6],
              [15,8,301,335,3.54,3.57,14.6,0,1,5,8],
              [21.4,4,121,109,4.11,2.78,18.6,1,1,4,2]
            ],
            "smps" : ["mpg","cyl","disp","hp","drat","wt","qsec","vs","am","gear","carb"],
            "vars" : ["Mazda RX4","Mazda RX4 Wag","Datsun 710","Hornet 4 Drive","Hornet Sportabout","Valiant","Duster 360","Merc 240D","Merc 230","Merc 280","Merc 280C","Merc 450SE","Merc 450SL","Merc 450SLC","Cadillac Fleetwood","Lincoln Continental","Chrysler Imperial","Fiat 128","Honda Civic","Toyota Corolla","Toyota Corona","Dodge Challenger","AMC Javelin","Camaro Z28","Pontiac Firebird","Fiat X1-9","Porsche 914-2","Lotus Europa","Ford Pantera L","Ferrari Dino","Maserati Bora","Volvo 142E"]
         }
      }

      // Create the configuration for the graph
      var config = {
         "asSampleFactors" : ["cyl"],
         "colorBy" : "cyl",
         "confidenceIntervalColorCoordinate" : true,
         "graphType" : "Scatter2D",
         "legendBox" : true,
         "showRegressionFit" : "cyl",
         "stringVariableFactors" : ["cyl"],
         "theme" : "CanvasXpress",
         "xAxis" : ["wt"],
         "yAxis" : ["mpg"]
      }

      // Event used to create graph (optional)
      var events = false


      // Call the CanvasXpress function to create the graph
      var cX = new CanvasXpress("canvasId", data, config, events);

      
    </script>

  </body>

</html>
library(canvasXpress)
y=read.table("https://www.canvasxpress.org/data/r/cX-mtcars-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
  data=y,
  asSampleFactors=list("cyl"),
  colorBy="cyl",
  confidenceIntervalColorCoordinate=TRUE,
  graphType="Scatter2D",
  legendBox=TRUE,
  showRegressionFit="cyl",
  stringVariableFactors=list("cyl"),
  theme="CanvasXpress",
  xAxis=list("wt"),
  yAxis=list("mpg")
)