ConicGradientFilling

✖
`ConicGradientFilling`

✖

ConicGradientFilling[{col₁,col₂,…,col_n}]

is a two-dimensional graphics directive specifying that faces of polygons and other filled graphics objects are to be drawn using a progressive transition between colors col_i along a circle.

✖

ConicGradientFilling[{θ₁,θ₂,…,θ_n}{col₁,col₂,…,col_n}]

uses the colors col_i at angles θ_i.

✖

ConicGradientFilling[{θ₁,θ₂,…,θ_n}{col₁,col₂,…,col_n},{x,y}]

rotates from the center point {x,y}.

Details

ConicGradientFilling is also known as conic gradient.
ConicGradientFilling is typically used to fill a region with a range of position-dependent colors.

ConicGradientFilling[{col₁,col₂,…,col_n}] specifies a progressive transition between col_i along circles around the center of the bounding box of a graphic object.
ConicGradientFilling[] is effectively equivalent to ConicGradientFilling[{Black,White}].
ConicGradientFilling["scheme"] uses the specified color scheme in ColorData.

ConicGradientFilling[{θ₁,θ₂,…,θ_n}{col₁,col₂,…,col_n}] specifies colors col_i to use at the angle θ_i from to .
ConicGradientFilling[{θ₁col₁,θ₂col₂,…}] is equivalent to ConicGradientFilling[{θ₁,θ₂,…}{col₁,col₂,…}].
ConicGradientFilling[{{θ₁,θ₂},{col₁,col₂},…}] is equivalent to ConicGradientFilling[{θ₁,θ₂,…}{col₁,col₂,…}].

ConicGradientFilling[…,{x,y}] specifies the center point {x,y} of rotation and is taken to be coordinates scaled to run from 0 to 1 across the bounding box of a graphic object.
ImageScaled can be used to specify the center point {x,y} and is taken to be fractions of the whole image region.
ConicGradientFilling[colors] is equivalent to ConicGradientFilling[colors,{0.5,0.5}].
ConicGradientFilling[{θ₁,…,θ_n}{col₁,…,col_n},center,padding] specifies the padding to use when drawing beyond the original range of angles between θ₁ and θ_n.

Examples

open allclose all

Basic Examples (2)Summary of the most common use cases

Apply a conic gradient filling to a disk:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-8jc6bq

Out[1]=1

Style a sector chart:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-0n9q6d

Out[1]=1

Scope (11)Survey of the scope of standard use cases

Basic Uses (6)

Apply gradient filling to graphics primitives:

In[5]:=5

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-qhy4gb

Out[5]=5

Apply gradient filling to a plot:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-tfy4et

Out[1]=1

Apply gradient filling to a chart:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-13p3n5

Out[1]=1

Style a geometric region:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-7dmsq2

Out[1]=1

Show a schematic outline map:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-c2sv9q

Out[1]=1

Summary box:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-33y5w5

Out[1]=1

Specifications (5)

LinearGradientFilling with no arguments draws a progressive transition from Black to White:

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-ekn68g

Out[2]=2

Use a custom color sequence:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-86wsnz

Out[1]=1

Specify the colors at given angles:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-4oyf33

Out[1]=1

Specify the angle in degrees:

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-qfsqnw

Out[2]=2

Use predefined color scheme from ColorData:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-t7qxh

Out[1]=1

Specify center points relatively to the width of the graphic objects:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-wusqqm

Out[1]=1

Center points by fractions of the whole image:

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-utlizy

Out[2]=2

Properties & Relations (5)Properties of the function, and connections to other functions

Basic Applications (2)

Show gradient colors with different angles:

In[4]:=4

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-yhlprw

In[5]:=5

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-53dp2e

Out[5]=5

Show gradient colors with different center points:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-c5sunh

Along the axis with :

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-ojug4b

Out[2]=2

Along the axis with :

In[3]:=3

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-k53r94

Out[3]=3

Along the diagonal:

In[4]:=4

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-c6ylbt

Out[4]=4

Gradient Colors (3)

Collection of gradient colors in ColorData:

In[4]:=4

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-7hjbon

Show gradients:

In[5]:=5

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-cks6ao

In[6]:=6

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-wpt7e7

Out[6]=6

Collection of gradient colors in the Wolfram Data Repository:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-dx3mx0

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-nazjvm

Show gradients:

In[3]:=3

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-xn7see

In[4]:=4

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-pfuprt

Out[4]=4

Collection of hue colors in the Wolfram Data Repository:

In[1]:=1

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-lgyhfv

In[2]:=2

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-17deud

Show gradients:

In[3]:=3

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-zs26m2

In[4]:=4

✖

https://wolfram.com/xid/0ixb3cvbwpj326q-dbqzoh

Out[4]=4

Top