Updated README.md

Author: CReizner

README.md

@@ -1,19 +1,46 @@
 # SharpAstrology.HumanDesign.BlazorComponents - A Blazor component library for SharpAstrology.HumanDesign
 
+The goal of this package is to provide typical human design components. Contributions for alternative charts are welcome.
+
+## How to use the chart in Blazor?
 ```C#
 @using SharpAstrology.DataModels
+@using SharpAstrology.Enums
 @using SharpAstrology.Ephemerides
 @using SharpAstrology.HumanDesign.BlazorComponents
 
-    
-<HumanDesignGraph Chart="chart" Height="800px"/>
+<PageTitle>Human Design Chart Example</PageTitle>
+
+
+<HumanDesignGraph Chart="chart" Height="800px"
+                  CenterColorMap="_centerColorMap"
+                  FirstComparerColor="@firstComparerColor"
+                  SecondComparerColor="@secondComparerColor"
+                  />
 
 
 @code
 {
     [Inject] SwissEphemeridesService EphService { get; set; }
     private HumanDesignChart chart;
 
+    // These are the default colors and optional parameters.
+    private readonly string firstComparerColor = "#000000";
+    private readonly string secondComparerColor = "#ff4081";
+    private Dictionary<Centers, string> _centerColorMap = new()
+    {
+            [Centers.Root] = "#E88835",
+            [Centers.Sacral] = "#FE352C",
+            [Centers.Emotions] = "#E88835",
+            [Centers.Spleen] = "#E88835",
+            [Centers.Heart] = "#FE352C",
+            [Centers.Self] = "#FFD12B",
+            [Centers.Throat] = "#E88835",
+            [Centers.Mind] = "#87FE49",
+            [Centers.Crown] = "#FFD12B"
+    };
+    
+    
     protected override void OnInitialized()
     {
         using var eph = EphService.CreateContext();