Vega-lite

Basics

Add this to your css to get rid of the links back to Vega:

.vega-actions {
  display:none;
}

Shapes and Colors

To use shapes and colors for data series, ensure that the data source is a STRING not NUMBER, then:

         "mark": "point",    // when using shape field in encoding
         "encoding": {
           "shape": {"field": "Name", "type": "nominal"},
           "color": {"field": "Name", "type": "nominal"},

Size

You can use a hardcoded size for shapes and cirles:

           "size": {"value": 200}

Or you can use a NUMBER as a quantitative type:

           "size": {"field": "Cylinders", "type": "quantitative"}