XufengDuan commited on
Commit
d5a5e84
·
1 Parent(s): 29492e1

update scripts

Browse files
Files changed (1) hide show
  1. animated_radar_chart.html +3 -623
animated_radar_chart.html CHANGED
@@ -650,603 +650,8 @@
650
  </header>
651
  </div>
652
  </section>
653
- <section class="fl-layout-container" id="fl-layout-controls-container" style="width: 100%; position: relative; order: 10; padding-bottom: 0.5rem;">
654
- <div class="fl-layout-inner" id="fl-layout-controls" style="width: 100%; position: relative;">
655
- <div style="display: flex; flex-wrap: wrap; justify-content: flex-start;">
656
- <div class="fl-controls-container" style="display: flex; align-items: center; margin-left: 0px; margin-right: 1em;">
657
- <div class="fl-controls-title" style="display: none;"></div>
658
- <div class="fl-control fl-control-dropdown" style="display: none;"></div>
659
- <div class="fl-control fl-control-buttons grouped">
660
- <div class="button" role="button" tabindex="0" aria-pressed="false" style="cursor: pointer;">
661
- <span>Combined</span>
662
- </div>
663
- <div class="button selected" role="button" tabindex="0" aria-pressed="true" style="cursor: pointer;">
664
- <span>Separate</span>
665
- </div>
666
- </div>
667
- <div class="fl-control fl-control-slider" style="flex: 1 1 0%; display: none;">
668
- <div class="slider-play" role="button" aria-label="play-button" cursor="pointer" tabindex="0"></div>
669
- <div class="fl-controls-slider" style="display: flex; align-items: center;">
670
- <input type="range" id="slider-range" name="slider-range" value="0">
671
- </div>
672
- </div>
673
- </div>
674
- <div class="fl-controls-container" style="display: none; align-items: center; margin-left: 0px; margin-right: 1em;">
675
- <div class="fl-controls-title" style="display: none;"></div>
676
- <div class="fl-control fl-control-dropdown" style="display: none;"></div>
677
- <div class="fl-control fl-control-buttons hidden"></div>
678
- <div class="fl-control fl-control-slider" style="flex: 1 1 0%; display: none;">
679
- <div class="slider-play" role="button" aria-label="play-button" cursor="pointer" tabindex="0"></div>
680
- <div class="fl-controls-slider" style="display: flex; align-items: center;">
681
- <input type="range" id="slider-range" name="slider-range" value="0">
682
- </div>
683
- </div>
684
- </div>
685
- </div>
686
- </div>
687
- </section>
688
- <section class="fl-layout-container" id="fl-layout-legend-container" style="width: 100%; position: relative; order: 19; padding-top: 0.5rem; padding-bottom: 0.5rem;">
689
- <div class="fl-layout-inner" id="fl-layout-legend" style="width: 100%; position: relative;">
690
- <div style="justify-content: flex-start; display: flex; flex-direction: row;">
691
- <div class="fl-legend-container interactive" id="fl-legend-discrete-color-0" style="max-width: 1400px; flex-wrap: wrap; align-items: center; place-content: center flex-start; max-height: 287.5px; overflow-y: auto; display: inline-flex; padding-inline-end: 0.5rem; padding-bottom: 0px;">
692
- <p class="fl-legend-title" style="display: none; padding-inline: 0px 0.2em; font-weight: bold; font-size: 1rem; margin-right: 0.25rem; line-height: 1.25em; margin-top: 0px; margin-bottom: 0px; text-align: start;"></p>
693
- <div class="fl-legend-item" tabindex="0" role="button" style="display: inline-flex; flex-direction: row; align-items: center; padding-inline: 0px 0.5rem; text-align: start;">
694
- <div class="fl-legend-swatch" style="height: 1rem; width: 0.75rem; border-radius: 3px; background-color: rgb(67, 40, 231); border: none; box-sizing: content-box;"></div>
695
- <div class="fl-legend-icon-container" style="display: none;">
696
- <svg class="fl-legend-icon fl-ignore-svg-download">
697
- <path></path></svg><img class="fl-legend-icon" alt="">
698
- <div class="fl-legend-icon"></div>
699
- </div>
700
- <p class="fl-legend-label" style="margin: 0px; user-select: none; padding-inline: 0.2em 0px; font-weight: normal; font-size: 1rem;">GPT-4-0</p>
701
- </div>
702
- <div class="fl-legend-item" tabindex="0" role="button" style="display: inline-flex; flex-direction: row; align-items: center; padding-inline: 0px 0.5rem; text-align: start;">
703
- <div class="fl-legend-swatch" style="height: 1rem; width: 0.75rem; border-radius: 3px; background-color: rgb(150, 84, 229); border: none; box-sizing: content-box;"></div>
704
- <div class="fl-legend-icon-container" style="display: none;">
705
- <svg class="fl-legend-icon fl-ignore-svg-download">
706
- <path></path></svg><img class="fl-legend-icon" alt="">
707
- <div class="fl-legend-icon"></div>
708
- </div>
709
- <p class="fl-legend-label" style="margin: 0px; user-select: none; padding-inline: 0.2em 0px; font-weight: normal; font-size: 1rem;">Llama-3.1-70B</p>
710
- </div>
711
- <div class="fl-legend-item" tabindex="0" role="button" style="display: inline-flex; flex-direction: row; align-items: center; padding-inline: 0px 0.5rem; text-align: start;">
712
- <div class="fl-legend-swatch" style="height: 1rem; width: 0.75rem; border-radius: 3px; background-color: rgb(255, 98, 131); border: none; box-sizing: content-box;"></div>
713
- <div class="fl-legend-icon-container" style="display: none;">
714
- <svg class="fl-legend-icon fl-ignore-svg-download">
715
- <path></path></svg><img class="fl-legend-icon" alt="">
716
- <div class="fl-legend-icon"></div>
717
- </div>
718
- <p class="fl-legend-label" style="margin: 0px; user-select: none; padding-inline: 0.2em 0px; font-weight: normal; font-size: 1rem;">GPT-3.5-Turbo</p>
719
- </div>
720
- <div class="fl-legend-item" tabindex="0" role="button" style="display: inline-flex; flex-direction: row; align-items: center; padding-inline: 0px 0.5rem; text-align: start;">
721
- <div class="fl-legend-swatch" style="height: 1rem; width: 0.75rem; border-radius: 3px; background-color: rgb(255, 136, 0); border: none; box-sizing: content-box;"></div>
722
- <div class="fl-legend-icon-container" style="display: none;">
723
- <svg class="fl-legend-icon fl-ignore-svg-download">
724
- <path></path></svg><img class="fl-legend-icon" alt="">
725
- <div class="fl-legend-icon"></div>
726
- </div>
727
- <p class="fl-legend-label" style="margin: 0px; user-select: none; padding-inline: 0.2em 0px; font-weight: normal; font-size: 1rem;">Llama-2-7B</p>
728
- </div>
729
- </div>
730
- </div>
731
- </div>
732
- </section>
733
- <section class="fl-layout-container" id="fl-layout-primary-container" aria-label="primary visualisation container" style="width: 100%; position: relative; order: 20; display: flex; overflow: hidden; padding-top: 0.5rem;">
734
- <p id="fl-layout-primary-description" style="border: 0px; height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; clip: rect(0px, 0px, 0px, 0px);"></p>
735
- <div class="fl-layout-inner" id="fl-layout-primary" style="width: 100%; position: relative; height: 756px;">
736
- <svg fill="currentcolor" style="width: 785px; height: 756px;">
737
- <g id="wrapper-g">
738
- <g id="axes">
739
- <g class="fl-facets">
740
- <g class="fl-facet" transform="translate(35.5, 0)" opacity="1">
741
- <rect class="fl-facet-rect" width="350" height="371" fill="none"></rect>
742
- <rect class="fl-facet-primary-rect" width="350" height="350" y="21" fill="none"></rect>
743
- <g class="fl-facet-title">
744
- <rect class="fl-facet-title-bg" height="21" width="0" fill="rgb(238, 238, 238)" x="159.55078125" opacity="1"></rect>
745
- <text class="fl-facet-title-text" font-size="14" font-weight="600" fill="#4328E7" dx="0" dy="14.700000000000001" x="159.55078125" opacity="1" text-anchor="start">
746
- GPT-4-0
747
- </text>
748
- </g>
749
- <g class="fl-facet-primary" transform="translate(0, 21)">
750
- <g class="fl-radial" transform="translate(175, 175)" opacity="1">
751
- <g class="group-labels"></g>
752
- <g class="y-lines">
753
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="0"></circle>
754
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="28.84920705562523"></circle>
755
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="57.69841411125046"></circle>
756
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="86.54762116687567"></circle>
757
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="115.39682822250091"></circle>
758
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="144.24603527812613"></circle>
759
- </g>
760
- <g class="x-lines">
761
- <line class="fl-radial-y-line" x1="0" y1="0" x2="0" y2="-158.24603527812613" stroke="#cccccc" stroke-width="1.4"></line>
762
- <line class="fl-radial-y-line" x1="0" y1="0" x2="150.5009230291346" y2="-48.900714193398436" stroke="#cccccc" stroke-width="1.4"></line>
763
- <line class="fl-radial-y-line" x1="0" y1="0" x2="93.014685770237" y2="128.0237318324615" stroke="#cccccc" stroke-width="1.4"></line>
764
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-93.01468577023695" y2="128.02373183246152" stroke="#cccccc" stroke-width="1.4"></line>
765
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-150.5009230291346" y2="-48.9007141933984" stroke="#cccccc" stroke-width="1.4"></line>
766
- </g>
767
- <g class="y-labels">
768
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform>
769
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
770
- 0
771
- </text>
772
- <text class="fg" dy="0.33em" fill="#aaaaaa">
773
- 0
774
- </text>
775
- </g>
776
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -28.849206924438477)">
777
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
778
- 2
779
- </text>
780
- <text class="fg" dy="0.33em" fill="#aaaaaa">
781
- 2
782
- </text>
783
- </g>
784
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -57.69841384887695)">
785
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
786
- 4
787
- </text>
788
- <text class="fg" dy="0.33em" fill="#aaaaaa">
789
- 4
790
- </text>
791
- </g>
792
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -86.54762268066406)">
793
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
794
- 6
795
- </text>
796
- <text class="fg" dy="0.33em" fill="#aaaaaa">
797
- 6
798
- </text>
799
- </g>
800
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -115.3968276977539)">
801
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
802
- 8
803
- </text>
804
- <text class="fg" dy="0.33em" fill="#aaaaaa">
805
- 8
806
- </text>
807
- </g>
808
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -144.24603271484375)">
809
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
810
- 100
811
- </text>
812
- <text class="fg" dy="0.33em" fill="#aaaaaa">
813
- 100
814
- </text>
815
- </g>
816
- </g>
817
- <g class="x-labels">
818
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(0, -158.24603271484375)">
819
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
820
- Sound
821
- </text>
822
- <text class="fg" dy="0.33em">
823
- Sound
824
- </text>
825
- </g>
826
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(150.50091552734375, -48.90071487426758)">
827
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
828
- Word
829
- </text>
830
- <text class="fg" dy="0.33em">
831
- Word
832
- </text>
833
- </g>
834
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(93.01468658447266, 128.0237274169922)">
835
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
836
- Discourse
837
- </text>
838
- <text class="fg" dy="0.33em">
839
- Discourse
840
- </text>
841
- </g>
842
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-93.01468658447266, 128.0237274169922)">
843
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
844
- Meaning
845
- </text>
846
- <text class="fg" dy="0.33em">
847
- Meaning
848
- </text>
849
- </g>
850
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-150.50091552734375, -48.90071487426758)">
851
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
852
- Syntax
853
- </text>
854
- <text class="fg" dy="0.33em">
855
- Syntax
856
- </text>
857
- </g>
858
- </g>
859
- </g>
860
- </g>
861
- </g>
862
- <g class="fl-facet" transform="translate(399.5, 0)" opacity="1">
863
- <rect class="fl-facet-rect" width="350" height="371" fill="none"></rect>
864
- <rect class="fl-facet-primary-rect" width="350" height="350" y="21" fill="none"></rect>
865
- <g class="fl-facet-title">
866
- <rect class="fl-facet-title-bg" height="21" width="0" fill="rgb(238, 238, 238)" x="161.3984375" opacity="1"></rect>
867
- <text class="fl-facet-title-text" font-size="14" font-weight="600" fill="#9654E5" dx="0" dy="14.700000000000001" x="161.3984375" opacity="1" text-anchor="start">
868
- Llama-3.1-70B
869
- </text>
870
- </g>
871
- <g class="fl-facet-primary" transform="translate(0, 21)">
872
- <g class="fl-radial" transform="translate(175, 175)" opacity="1">
873
- <g class="group-labels"></g>
874
- <g class="y-lines">
875
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="0"></circle>
876
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="28.84920705562523"></circle>
877
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="57.69841411125046"></circle>
878
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="86.54762116687567"></circle>
879
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="115.39682822250091"></circle>
880
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="144.24603527812613"></circle>
881
- </g>
882
- <g class="x-lines">
883
- <line class="fl-radial-y-line" x1="0" y1="0" x2="0" y2="-158.24603527812613" stroke="#cccccc" stroke-width="1.4"></line>
884
- <line class="fl-radial-y-line" x1="0" y1="0" x2="150.5009230291346" y2="-48.900714193398436" stroke="#cccccc" stroke-width="1.4"></line>
885
- <line class="fl-radial-y-line" x1="0" y1="0" x2="93.014685770237" y2="128.0237318324615" stroke="#cccccc" stroke-width="1.4"></line>
886
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-93.01468577023695" y2="128.02373183246152" stroke="#cccccc" stroke-width="1.4"></line>
887
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-150.5009230291346" y2="-48.9007141933984" stroke="#cccccc" stroke-width="1.4"></line>
888
- </g>
889
- <g class="y-labels">
890
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform>
891
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
892
- 0
893
- </text>
894
- <text class="fg" dy="0.33em" fill="#aaaaaa">
895
- 0
896
- </text>
897
- </g>
898
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -28.849206924438477)">
899
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
900
- 2
901
- </text>
902
- <text class="fg" dy="0.33em" fill="#aaaaaa">
903
- 2
904
- </text>
905
- </g>
906
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -57.69841384887695)">
907
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
908
- 4
909
- </text>
910
- <text class="fg" dy="0.33em" fill="#aaaaaa">
911
- 4
912
- </text>
913
- </g>
914
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -86.54762268066406)">
915
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
916
- 6
917
- </text>
918
- <text class="fg" dy="0.33em" fill="#aaaaaa">
919
- 6
920
- </text>
921
- </g>
922
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -115.3968276977539)">
923
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
924
- 8
925
- </text>
926
- <text class="fg" dy="0.33em" fill="#aaaaaa">
927
- 8
928
- </text>
929
- </g>
930
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -144.24603271484375)">
931
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
932
- 100
933
- </text>
934
- <text class="fg" dy="0.33em" fill="#aaaaaa">
935
- 100
936
- </text>
937
- </g>
938
- </g>
939
- <g class="x-labels">
940
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(0, -158.24603271484375)">
941
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
942
- Sound
943
- </text>
944
- <text class="fg" dy="0.33em">
945
- Sound
946
- </text>
947
- </g>
948
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(150.50091552734375, -48.90071487426758)">
949
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
950
- Word
951
- </text>
952
- <text class="fg" dy="0.33em">
953
- Word
954
- </text>
955
- </g>
956
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(93.01468658447266, 128.0237274169922)">
957
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
958
- Discourse
959
- </text>
960
- <text class="fg" dy="0.33em">
961
- Discourse
962
- </text>
963
- </g>
964
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-93.01468658447266, 128.0237274169922)">
965
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
966
- Meaning
967
- </text>
968
- <text class="fg" dy="0.33em">
969
- Meaning
970
- </text>
971
- </g>
972
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-150.50091552734375, -48.90071487426758)">
973
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
974
- Syntax
975
- </text>
976
- <text class="fg" dy="0.33em">
977
- Syntax
978
- </text>
979
- </g>
980
- </g>
981
- </g>
982
- </g>
983
- </g>
984
- <g class="fl-facet" transform="translate(35.5, 385)" opacity="1">
985
- <rect class="fl-facet-rect" width="350" height="371" fill="none"></rect>
986
- <rect class="fl-facet-primary-rect" width="350" height="350" y="21" fill="none"></rect>
987
- <g class="fl-facet-title">
988
- <rect class="fl-facet-title-bg" height="21" width="0" fill="rgb(238, 238, 238)" x="153.06640625" opacity="1"></rect>
989
- <text class="fl-facet-title-text" font-size="14" font-weight="600" fill="#FF6283" dx="0" dy="14.700000000000001" x="153.06640625" opacity="1" text-anchor="start">
990
- GPT-3.5-Turbo
991
- </text>
992
- </g>
993
- <g class="fl-facet-primary" transform="translate(0, 21)">
994
- <g class="fl-radial" transform="translate(175, 175)" opacity="1">
995
- <g class="group-labels"></g>
996
- <g class="y-lines">
997
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="0"></circle>
998
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="28.84920705562523"></circle>
999
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="57.69841411125046"></circle>
1000
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="86.54762116687567"></circle>
1001
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="115.39682822250091"></circle>
1002
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="144.24603527812613"></circle>
1003
- </g>
1004
- <g class="x-lines">
1005
- <line class="fl-radial-y-line" x1="0" y1="0" x2="0" y2="-158.24603527812613" stroke="#cccccc" stroke-width="1.4"></line>
1006
- <line class="fl-radial-y-line" x1="0" y1="0" x2="150.5009230291346" y2="-48.900714193398436" stroke="#cccccc" stroke-width="1.4"></line>
1007
- <line class="fl-radial-y-line" x1="0" y1="0" x2="93.014685770237" y2="128.0237318324615" stroke="#cccccc" stroke-width="1.4"></line>
1008
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-93.01468577023695" y2="128.02373183246152" stroke="#cccccc" stroke-width="1.4"></line>
1009
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-150.5009230291346" y2="-48.9007141933984" stroke="#cccccc" stroke-width="1.4"></line>
1010
- </g>
1011
- <g class="y-labels">
1012
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform>
1013
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1014
- 0
1015
- </text>
1016
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1017
- 0
1018
- </text>
1019
- </g>
1020
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -28.849206924438477)">
1021
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1022
- 2
1023
- </text>
1024
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1025
- 2
1026
- </text>
1027
- </g>
1028
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -57.69841384887695)">
1029
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1030
- 4
1031
- </text>
1032
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1033
- 4
1034
- </text>
1035
- </g>
1036
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -86.54762268066406)">
1037
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1038
- 6
1039
- </text>
1040
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1041
- 6
1042
- </text>
1043
- </g>
1044
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -115.3968276977539)">
1045
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1046
- 8
1047
- </text>
1048
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1049
- 8
1050
- </text>
1051
- </g>
1052
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -144.24603271484375)">
1053
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1054
- 100
1055
- </text>
1056
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1057
- 100
1058
- </text>
1059
- </g>
1060
- </g>
1061
- <g class="x-labels">
1062
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(0, -158.24603271484375)">
1063
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1064
- Sound
1065
- </text>
1066
- <text class="fg" dy="0.33em">
1067
- Sound
1068
- </text>
1069
- </g>
1070
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(150.50091552734375, -48.90071487426758)">
1071
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1072
- Word
1073
- </text>
1074
- <text class="fg" dy="0.33em">
1075
- Word
1076
- </text>
1077
- </g>
1078
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(93.01468658447266, 128.0237274169922)">
1079
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1080
- Discourse
1081
- </text>
1082
- <text class="fg" dy="0.33em">
1083
- Discourse
1084
- </text>
1085
- </g>
1086
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-93.01468658447266, 128.0237274169922)">
1087
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1088
- Meaning
1089
- </text>
1090
- <text class="fg" dy="0.33em">
1091
- Meaning
1092
- </text>
1093
- </g>
1094
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-150.50091552734375, -48.90071487426758)">
1095
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1096
- Syntax
1097
- </text>
1098
- <text class="fg" dy="0.33em">
1099
- Syntax
1100
- </text>
1101
- </g>
1102
- </g>
1103
- </g>
1104
- </g>
1105
- </g>
1106
- <g class="fl-facet" transform="translate(399.5, 385)" opacity="1">
1107
- <rect class="fl-facet-rect" width="350" height="371" fill="none"></rect>
1108
- <rect class="fl-facet-primary-rect" width="350" height="350" y="21" fill="none"></rect>
1109
- <g class="fl-facet-title">
1110
- <rect class="fl-facet-title-bg" height="21" width="0" fill="rgb(238, 238, 238)" x="157.2734375" opacity="1"></rect>
1111
- <text class="fl-facet-title-text" font-size="14" font-weight="600" fill="#FF8800" dx="0" dy="14.700000000000001" x="157.2734375" opacity="1" text-anchor="start">
1112
- Llama-2-7B
1113
- </text>
1114
- </g>
1115
- <g class="fl-facet-primary" transform="translate(0, 21)">
1116
- <g class="fl-radial" transform="translate(175, 175)" opacity="1">
1117
- <g class="group-labels"></g>
1118
- <g class="y-lines">
1119
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="0"></circle>
1120
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="28.84920705562523"></circle>
1121
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="57.69841411125046"></circle>
1122
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="86.54762116687567"></circle>
1123
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="115.39682822250091"></circle>
1124
- <circle class="fl-radial-x-line" fill="none" stroke="#cccccc" stroke-width="1.4" stroke-dasharray="2.8 2.8" r="144.24603527812613"></circle>
1125
- </g>
1126
- <g class="x-lines">
1127
- <line class="fl-radial-y-line" x1="0" y1="0" x2="0" y2="-158.24603527812613" stroke="#cccccc" stroke-width="1.4"></line>
1128
- <line class="fl-radial-y-line" x1="0" y1="0" x2="150.5009230291346" y2="-48.900714193398436" stroke="#cccccc" stroke-width="1.4"></line>
1129
- <line class="fl-radial-y-line" x1="0" y1="0" x2="93.014685770237" y2="128.0237318324615" stroke="#cccccc" stroke-width="1.4"></line>
1130
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-93.01468577023695" y2="128.02373183246152" stroke="#cccccc" stroke-width="1.4"></line>
1131
- <line class="fl-radial-y-line" x1="0" y1="0" x2="-150.5009230291346" y2="-48.9007141933984" stroke="#cccccc" stroke-width="1.4"></line>
1132
- </g>
1133
- <g class="y-labels">
1134
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform>
1135
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1136
- 0
1137
- </text>
1138
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1139
- 0
1140
- </text>
1141
- </g>
1142
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -28.849206924438477)">
1143
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1144
- 2
1145
- </text>
1146
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1147
- 2
1148
- </text>
1149
- </g>
1150
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -57.69841384887695)">
1151
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1152
- 4
1153
- </text>
1154
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1155
- 4
1156
- </text>
1157
- </g>
1158
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -86.54762268066406)">
1159
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1160
- 6
1161
- </text>
1162
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1163
- 6
1164
- </text>
1165
- </g>
1166
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -115.3968276977539)">
1167
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1168
- 8
1169
- </text>
1170
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1171
- 8
1172
- </text>
1173
- </g>
1174
- <g class="fl-radial-y-label" opacity="1" text-anchor="middle" font-weight="400" font-size="12.6" transform="translate(0, -144.24603271484375)">
1175
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1176
- 100
1177
- </text>
1178
- <text class="fg" dy="0.33em" fill="#aaaaaa">
1179
- 100
1180
- </text>
1181
- </g>
1182
- </g>
1183
- <g class="x-labels">
1184
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(0, -158.24603271484375)">
1185
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1186
- Sound
1187
- </text>
1188
- <text class="fg" dy="0.33em">
1189
- Sound
1190
- </text>
1191
- </g>
1192
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(150.50091552734375, -48.90071487426758)">
1193
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1194
- Word
1195
- </text>
1196
- <text class="fg" dy="0.33em">
1197
- Word
1198
- </text>
1199
- </g>
1200
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(93.01468658447266, 128.0237274169922)">
1201
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1202
- Discourse
1203
- </text>
1204
- <text class="fg" dy="0.33em">
1205
- Discourse
1206
- </text>
1207
- </g>
1208
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-93.01468658447266, 128.0237274169922)">
1209
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1210
- Meaning
1211
- </text>
1212
- <text class="fg" dy="0.33em">
1213
- Meaning
1214
- </text>
1215
- </g>
1216
- <g class="fl-radial-x-label" opacity="1" text-anchor="middle" font-size="12.6" font-weight="400" fill="#aaaaaa" transform="translate(-150.50091552734375, -48.90071487426758)">
1217
- <text class="bg" stroke="#ffffff" stroke-width="4.2" dy="0.33em">
1218
- Syntax
1219
- </text>
1220
- <text class="fg" dy="0.33em">
1221
- Syntax
1222
- </text>
1223
- </g>
1224
- </g>
1225
- </g>
1226
- </g>
1227
- </g>
1228
- </g>
1229
- </g>
1230
- <g id="comparison-lines"></g>
1231
- <g id="lines">
1232
- <path class="line-main" d="M0,-144.24603527812613L109.74890544080198,-35.65958101771934L50.87141534288541,70.01849634672733L-42.392846119071166,58.348746955606124L-123.46751862090221,-40.11702864493422Z" id="line-0" stroke="#4328E7" fill="#4328E7" fill-opacity="0.2" stroke-opacity="1" stroke-width="2.8" transform="translate(210.5, 196)" stroke-dashoffset="0" tabindex="0" role="img" aria-roledescription="data point" aria-label="GPT-4-0, Sound: 10, Word: 8, Discourse: 6, Meaning: 5, Syntax: 9"></path>
1233
- <path class="line-main" d="M0,-144.24603527812613L109.74890544080198,-35.65958101771934L50.87141534288541,70.01849634672733L-59.349984566699625,81.68824573784858L-82.31167908060148,-26.744685763289482Z" id="line-1" stroke="#9654E5" fill="#9654E5" fill-opacity="0.2" stroke-opacity="1" stroke-width="2.8" transform="translate(574.5, 196)" stroke-dashoffset="0" tabindex="0" role="img" aria-roledescription="data point" aria-label="Llama-3.1-70B, Sound: 10, Word: 8, Discourse: 6, Meaning: 7, Syntax: 6"></path>
1234
- <path class="line-main" d="M0,-115.39682822250091L96.03029226070171,-31.202133390504418L50.87141534288541,70.01849634672733L-84.78569223814233,116.69749391121225L-68.59306590050123,-22.28723813607457Z" id="line-2" stroke="#FF6283" fill="#FF6283" fill-opacity="0.2" stroke-opacity="1" stroke-width="2.8" transform="translate(210.5, 581)" stroke-dashoffset="0" tabindex="0" role="img" aria-roledescription="data point" aria-label="GPT-3.5-Turbo, Sound: 8, Word: 7, Discourse: 6, Meaning: 10, Syntax: 5"></path>
1235
- <path class="line-main" d="M0,-28.84920705562523L27.437226360200494,-8.914895254429835L84.78569223814236,116.69749391121222L-42.392846119071166,58.348746955606124L-68.59306590050123,-22.28723813607457Z" id="line-3" stroke="#FF8800" fill="#FF8800" fill-opacity="0.2" stroke-opacity="1" stroke-width="2.8" transform="translate(574.5, 581)" stroke-dashoffset="0" tabindex="0" role="img" aria-roledescription="data point" aria-label="Llama-2-7B, Sound: 2, Word: 2, Discourse: 10, Meaning: 5, Syntax: 5"></path>
1236
- </g>
1237
- </g></svg>
1238
- <div class="flourish-panel" id="flourish-panel-1" style="position: absolute; z-index: 999999; pointer-events: none; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0);">
1239
- <div class="flourish-panel-inner" style="width: 0px; height: 0px; position: absolute; box-sizing: border-box; background: rgba(255, 255, 255, 0.9); border-radius: 0.2rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1.5rem;">
1240
- <div class="flourish-panel-shadow"></div>
1241
- <div class="flourish-panel-content" style="opacity: 0; overflow-y: auto; height: 100%; padding: 1.2rem; text-align: start; color: rgb(51, 51, 51); font-size: 1.25rem; box-sizing: border-box;"></div><svg class="flourish-panel-close fl-ignore-svg-download" viewbox="0 0 40 40" tabindex="-1" style="width: 1.25rem; height: 1.25rem; position: absolute; right: 1rem; top: 1rem; cursor: pointer; opacity: 0;">
1242
- <path stroke="#333333" stroke-width="0.5rem" stroke-linecap="round" d="M 10,10 L 30,30 M 30,10 L 10,30" style="stroke: rgb(51, 51, 51);"></path></svg>
1243
- </div>
1244
- </div>
1245
- </div>
1246
- <div id="fl-layout-overlay" style="position: absolute; display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(200, 200, 200); z-index: 999999; pointer-events: none;">
1247
- <p class="fl-layout-overlay-message" style="color: rgb(51, 51, 51); font-size: 1.5rem; padding-left: 15%; padding-right: 15%; width: 100%; box-sizing: border-box; position: absolute; top: 50%; transform: translate(0px, -50%); margin: 0px; text-align: center;"></p>
1248
- </div>
1249
- </section>
1250
  <section class="fl-layout-container" id="fl-layout-footer-container" style="width: 100%; position: relative; order: 30; display: none;">
1251
  <div class="fl-layout-inner" id="fl-layout-footer" style="width: 100%; position: relative;">
1252
  <footer class="flourish-footer" style="display: flex; height: 0px; width: 100%; font-family: inherit; font-weight: normal; justify-content: space-between; font-size: 1rem; color: rgb(51, 51, 51); align-items: center;">
@@ -1281,32 +686,7 @@
1281
  <header>
1282
  <h3>GPT-4-0</h3>
1283
  </header>
1284
- <div class="main-content">
1285
- <table>
1286
- <tbody>
1287
- <tr>
1288
- <td class="table-col-label"><span class="data-heading">Sound</span></td>
1289
- <td class="table-col-value">100</td>
1290
- </tr>
1291
- <tr>
1292
- <td class="table-col-label"><span class="data-heading">Word</span></td>
1293
- <td class="table-col-value">8</td>
1294
- </tr>
1295
- <tr>
1296
- <td class="table-col-label"><span class="data-heading">Discourse</span></td>
1297
- <td class="table-col-value">6</td>
1298
- </tr>
1299
- <tr>
1300
- <td class="table-col-label"><span class="data-heading">Meaning</span></td>
1301
- <td class="table-col-value">5</td>
1302
- </tr>
1303
- <tr>
1304
- <td class="table-col-label"><span class="data-heading">Syntax</span></td>
1305
- <td class="table-col-value">9</td>
1306
- </tr>
1307
- </tbody>
1308
- </table>
1309
- </div>
1310
  </div>
1311
  </div>
1312
  </div>
 
650
  </header>
651
  </div>
652
  </section>
653
+
654
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
655
  <section class="fl-layout-container" id="fl-layout-footer-container" style="width: 100%; position: relative; order: 30; display: none;">
656
  <div class="fl-layout-inner" id="fl-layout-footer" style="width: 100%; position: relative;">
657
  <footer class="flourish-footer" style="display: flex; height: 0px; width: 100%; font-family: inherit; font-weight: normal; justify-content: space-between; font-size: 1rem; color: rgb(51, 51, 51); align-items: center;">
 
686
  <header>
687
  <h3>GPT-4-0</h3>
688
  </header>
689
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
690
  </div>
691
  </div>
692
  </div>