How to rotate a part of SVG on itself with CSS? - css
I want to rotate only a part of an SVG on itself with transform: rotate() (and not on the whole SVG). These are the wheels of a bike.
I tried with transform-origin: 50% 50% but it doesn't work.
My SVG include in HTML:
<svg class="icon icon-bike-anim card-simple__icon" viewBox="0 0 30 32">
<title>bike-2</title>
<path fill="#fff" style="fill: var(--color1, #fff)" d="M0 0h30.476v32h-30.476v-32z"></path>
<path fill="none" stroke="#3a4161" style="stroke: var(--color2, #3a4161)" stroke-linejoin="round" stroke-linecap="butt" stroke-miterlimit="10" stroke-width="0.5714" d="M11.213 4.361c0-1.481 0.892-2.706 2.388-2.706 1.481 0 2.388 1.21 2.388 2.706-0.955 0.796-2.388 0.796-2.388 0.796s-1.433 0-2.388-0.796z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.704 4.336c0 0 0 0 0.285 0.025s0.285 0.025 0.285 0.025l-0 0.001-0 0.003-0.001 0.009c-0.001 0.008-0.002 0.019-0.003 0.033-0.003 0.029-0.008 0.070-0.014 0.122-0.013 0.104-0.035 0.252-0.067 0.43-0.064 0.353-0.172 0.828-0.349 1.307-0.176 0.476-0.426 0.973-0.783 1.355-0.363 0.388-0.842 0.663-1.455 0.663v-0.571c0.422 0 0.758-0.183 1.038-0.482 0.285-0.304 0.502-0.723 0.665-1.163 0.162-0.437 0.262-0.877 0.323-1.211 0.030-0.166 0.050-0.304 0.062-0.4 0.006-0.048 0.010-0.085 0.013-0.11 0.001-0.013 0.002-0.022 0.003-0.028l0.001-0.007 0-0.002z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M10.928 4.386c0-0 0-0 0.285-0.025s0.285-0.025 0.285-0.025l0 0.002 0.001 0.007c0.001 0.006 0.002 0.015 0.003 0.028 0.003 0.025 0.007 0.062 0.013 0.11 0.012 0.096 0.032 0.234 0.062 0.4 0.060 0.333 0.161 0.774 0.323 1.211 0.162 0.44 0.38 0.858 0.665 1.163 0.279 0.299 0.616 0.482 1.038 0.482v0.571c-0.613 0-1.092-0.275-1.455-0.663-0.357-0.382-0.607-0.879-0.783-1.355-0.177-0.478-0.285-0.954-0.349-1.307-0.032-0.177-0.053-0.325-0.067-0.43-0.007-0.052-0.011-0.094-0.014-0.122-0.002-0.014-0.003-0.026-0.003-0.033l-0.001-0.009-0-0.003-0-0.001z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 2.291v-0.637h0.571v0.637h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 4.202v-1.433h0.571v1.433h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.468 2.367l-0.478 1.751-0.551-0.15 0.478-1.751 0.551 0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M12.284 2.216l0.478 1.751-0.551 0.15-0.478-1.751 0.551-0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M8.857 4.839c0-2.625 2.118-4.743 4.743-4.743s4.743 2.118 4.743 4.743c0 2.197-1.503 4.050-3.532 4.581l-0.973 1.468c-0.053 0.080-0.142 0.128-0.238 0.128s-0.185-0.048-0.238-0.128l-0.973-1.468c-2.028-0.531-3.532-2.384-3.532-4.581zM13.601 0.667c-2.31 0-4.172 1.862-4.172 4.172 0 1.966 1.371 3.62 3.203 4.052 0.071 0.017 0.132 0.060 0.173 0.12l0.797 1.201 0.797-1.201c0.040-0.061 0.102-0.104 0.173-0.12 1.832-0.432 3.203-2.086 3.203-4.052 0-2.31-1.862-4.172-4.172-4.172z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.51 6.319c0.059-0.020 0.122-0.020 0.181 0l1.433 0.478-0.181 0.542-1.342-0.447-1.342 0.447-0.181-0.542 1.433-0.478z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.737 17.372c0.002-0.191 0.158-0.344 0.349-0.343 0.598 0.005 2.164 0.011 3.731 0.016 1.535 0.005 3.071 0.010 3.701 0.016 0.191 0.002 0.344 0.158 0.343 0.349s-0.158 0.344-0.349 0.343c-0.606-0.005-2.147-0.010-3.69-0.016-1.581-0.005-3.163-0.011-3.743-0.016-0.191-0.002-0.344-0.158-0.343-0.349z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.546 13.823c0.061-0.13 0.193-0.211 0.336-0.207l6.141 0.163c0.152 0.004 0.285 0.103 0.333 0.248l1.068 3.235c0.063 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23l-0.989-2.994-5.652-0.15-2.592 5.524c-0.085 0.18-0.3 0.258-0.48 0.173s-0.258-0.3-0.173-0.48l2.692-5.738z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.121 13.246c0.076 0.285 0.164 0.612 0.291 0.996 0.062 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23c-0.134-0.405-0.226-0.751-0.303-1.037-0.011-0.043-0.022-0.084-0.033-0.123-0.086-0.318-0.147-0.521-0.223-0.665-0.065-0.125-0.131-0.184-0.229-0.225-0.119-0.049-0.314-0.080-0.661-0.069-0.199 0.006-0.366-0.15-0.372-0.349s0.15-0.366 0.349-0.372c0.378-0.012 0.696 0.015 0.958 0.123 0.282 0.116 0.465 0.311 0.594 0.557 0.119 0.227 0.199 0.51 0.281 0.813 0.011 0.041 0.022 0.083 0.034 0.126z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M18.391 17.219c0.086 0.17 0.018 0.378-0.152 0.465l-5.412 2.745c-0.17 0.086-0.378 0.018-0.465-0.152s-0.018-0.378 0.152-0.465l5.412-2.745c0.17-0.086 0.378-0.018 0.465 0.152z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.724 13.627c0.183-0.055 0.376 0.049 0.43 0.232l1.847 6.162c0.055 0.183-0.049 0.376-0.232 0.43s-0.376-0.049-0.43-0.232l-1.847-6.162c-0.055-0.183 0.049-0.376 0.232-0.43z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M8.212 19.37l4.49 0.406-0.062 0.689-4.49-0.406 0.062-0.689z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M21.005 17.11c0.18-0.063 0.378 0.031 0.441 0.211l1.1 3.127c0.063 0.18-0.031 0.378-0.211 0.441s-0.378-0.031-0.441-0.211l-1.1-3.127c-0.063-0.18 0.031-0.378 0.211-0.441z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M9.408 10.787c0.144-0.064 0.313 0.001 0.377 0.145l1.524 3.429c0.064 0.144-0.001 0.313-0.145 0.377s-0.313-0.001-0.377-0.145l-1.524-3.429c-0.064-0.144 0.001-0.313 0.145-0.377z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M11.338 11.072c-0.001 0.158-0.129 0.285-0.287 0.285l-2.731-0.010c-0.158-0.001-0.285-0.129-0.285-0.287s0.129-0.285 0.287-0.285l2.731 0.010c0.158 0.001 0.285 0.129 0.285 0.287z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M-2.286 17.778h8.381v0.645h-8.381v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M0.293 19.39h5.802v0.645h-5.802v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M3.839 21.001h2.256v0.645h-2.256v-0.645z"></path>
<path class="anim-wheel-back" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M5.631 18.362l2.178 1.258-2.207 1.274c-0.174-0.375-0.272-0.794-0.272-1.236 0-0.465 0.108-0.905 0.3-1.296zM5.822 18.031c0.48-0.721 1.271-1.215 2.178-1.29v2.547l-2.178-1.258zM8.381 19.949l2.288 1.321c-0.497 0.754-1.333 1.263-2.288 1.309v-2.63zM10.857 20.939l-2.286-1.32 2.256-1.303c0.206 0.401 0.323 0.857 0.323 1.341 0 0.46-0.106 0.895-0.293 1.282zM8 22.572c-0.931-0.077-1.738-0.594-2.214-1.345l2.214-1.278v2.623zM8.381 16.735c0.932 0.044 1.75 0.53 2.251 1.254l-2.251 1.3v-2.554zM8.241 16.011c-2.007 0-3.631 1.634-3.631 3.646s1.624 3.646 3.631 3.646c2.007 0 3.631-1.634 3.631-3.646s-1.624-3.646-3.631-3.646z"></path>
<path class="anim-wheel-front" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M20.326 19.522l1.489 0.86-1.388 0.801c-0.152-0.279-0.239-0.599-0.239-0.939 0-0.255 0.049-0.499 0.137-0.722zM20.439 19.285c0.305-0.542 0.859-0.924 1.507-0.991v1.861l-1.507-0.87zM22.208 20.609l1.477 0.853c-0.348 0.438-0.879 0.724-1.477 0.742v-1.595zM23.834 21.246l-1.495-0.863 1.605-0.927c0.106 0.241 0.165 0.508 0.165 0.789 0 0.366-0.1 0.708-0.275 1.001zM21.947 22.194c-0.565-0.058-1.059-0.356-1.378-0.79l1.378-0.795v1.585zM22.208 18.285c0.684 0.020 1.28 0.391 1.614 0.938l-1.614 0.932v-1.87zM22.149 17.524c-1.503 0-2.721 1.218-2.721 2.721s1.218 2.721 2.721 2.721c1.503 0 2.721-1.218 2.721-2.721s-1.218-2.721-2.721-2.721z"></path>
</svg>
And the SCSS :
.icon {
&-bike-anim,
&-elephant-anim,
&-clock-anim {
width: 74px;
height: 74px;
}
.anim {
&-wheel-back,
&-wheel-front,
&-ball,
&-hour,
&-minute {
transform-origin: 50% 50%;
animation: turn-wheel 3s linear 1s infinite running;
}
}
}
.icon-bike-anim, .icon-elephant-anim, .icon-clock-anim {
width: 74px;
height: 74px;
}
.icon .anim-wheel-back, .icon .anim-wheel-front, .icon .anim-ball, .icon .anim-hour, .icon .anim-minute {
transform-origin: 50% 50%;
animation: turn-wheel 3s linear 1s infinite running;
}
<svg class="icon icon-bike-anim card-simple__icon" viewBox="0 0 30 32">
<title>bike-2</title>
<path fill="#fff" style="fill: var(--color1, #fff)" d="M0 0h30.476v32h-30.476v-32z"></path>
<path fill="none" stroke="#3a4161" style="stroke: var(--color2, #3a4161)" stroke-linejoin="round" stroke-linecap="butt" stroke-miterlimit="10" stroke-width="0.5714" d="M11.213 4.361c0-1.481 0.892-2.706 2.388-2.706 1.481 0 2.388 1.21 2.388 2.706-0.955 0.796-2.388 0.796-2.388 0.796s-1.433 0-2.388-0.796z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.704 4.336c0 0 0 0 0.285 0.025s0.285 0.025 0.285 0.025l-0 0.001-0 0.003-0.001 0.009c-0.001 0.008-0.002 0.019-0.003 0.033-0.003 0.029-0.008 0.070-0.014 0.122-0.013 0.104-0.035 0.252-0.067 0.43-0.064 0.353-0.172 0.828-0.349 1.307-0.176 0.476-0.426 0.973-0.783 1.355-0.363 0.388-0.842 0.663-1.455 0.663v-0.571c0.422 0 0.758-0.183 1.038-0.482 0.285-0.304 0.502-0.723 0.665-1.163 0.162-0.437 0.262-0.877 0.323-1.211 0.030-0.166 0.050-0.304 0.062-0.4 0.006-0.048 0.010-0.085 0.013-0.11 0.001-0.013 0.002-0.022 0.003-0.028l0.001-0.007 0-0.002z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M10.928 4.386c0-0 0-0 0.285-0.025s0.285-0.025 0.285-0.025l0 0.002 0.001 0.007c0.001 0.006 0.002 0.015 0.003 0.028 0.003 0.025 0.007 0.062 0.013 0.11 0.012 0.096 0.032 0.234 0.062 0.4 0.060 0.333 0.161 0.774 0.323 1.211 0.162 0.44 0.38 0.858 0.665 1.163 0.279 0.299 0.616 0.482 1.038 0.482v0.571c-0.613 0-1.092-0.275-1.455-0.663-0.357-0.382-0.607-0.879-0.783-1.355-0.177-0.478-0.285-0.954-0.349-1.307-0.032-0.177-0.053-0.325-0.067-0.43-0.007-0.052-0.011-0.094-0.014-0.122-0.002-0.014-0.003-0.026-0.003-0.033l-0.001-0.009-0-0.003-0-0.001z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 2.291v-0.637h0.571v0.637h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 4.202v-1.433h0.571v1.433h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.468 2.367l-0.478 1.751-0.551-0.15 0.478-1.751 0.551 0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M12.284 2.216l0.478 1.751-0.551 0.15-0.478-1.751 0.551-0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M8.857 4.839c0-2.625 2.118-4.743 4.743-4.743s4.743 2.118 4.743 4.743c0 2.197-1.503 4.050-3.532 4.581l-0.973 1.468c-0.053 0.080-0.142 0.128-0.238 0.128s-0.185-0.048-0.238-0.128l-0.973-1.468c-2.028-0.531-3.532-2.384-3.532-4.581zM13.601 0.667c-2.31 0-4.172 1.862-4.172 4.172 0 1.966 1.371 3.62 3.203 4.052 0.071 0.017 0.132 0.060 0.173 0.12l0.797 1.201 0.797-1.201c0.040-0.061 0.102-0.104 0.173-0.12 1.832-0.432 3.203-2.086 3.203-4.052 0-2.31-1.862-4.172-4.172-4.172z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.51 6.319c0.059-0.020 0.122-0.020 0.181 0l1.433 0.478-0.181 0.542-1.342-0.447-1.342 0.447-0.181-0.542 1.433-0.478z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.737 17.372c0.002-0.191 0.158-0.344 0.349-0.343 0.598 0.005 2.164 0.011 3.731 0.016 1.535 0.005 3.071 0.010 3.701 0.016 0.191 0.002 0.344 0.158 0.343 0.349s-0.158 0.344-0.349 0.343c-0.606-0.005-2.147-0.010-3.69-0.016-1.581-0.005-3.163-0.011-3.743-0.016-0.191-0.002-0.344-0.158-0.343-0.349z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.546 13.823c0.061-0.13 0.193-0.211 0.336-0.207l6.141 0.163c0.152 0.004 0.285 0.103 0.333 0.248l1.068 3.235c0.063 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23l-0.989-2.994-5.652-0.15-2.592 5.524c-0.085 0.18-0.3 0.258-0.48 0.173s-0.258-0.3-0.173-0.48l2.692-5.738z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.121 13.246c0.076 0.285 0.164 0.612 0.291 0.996 0.062 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23c-0.134-0.405-0.226-0.751-0.303-1.037-0.011-0.043-0.022-0.084-0.033-0.123-0.086-0.318-0.147-0.521-0.223-0.665-0.065-0.125-0.131-0.184-0.229-0.225-0.119-0.049-0.314-0.080-0.661-0.069-0.199 0.006-0.366-0.15-0.372-0.349s0.15-0.366 0.349-0.372c0.378-0.012 0.696 0.015 0.958 0.123 0.282 0.116 0.465 0.311 0.594 0.557 0.119 0.227 0.199 0.51 0.281 0.813 0.011 0.041 0.022 0.083 0.034 0.126z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M18.391 17.219c0.086 0.17 0.018 0.378-0.152 0.465l-5.412 2.745c-0.17 0.086-0.378 0.018-0.465-0.152s-0.018-0.378 0.152-0.465l5.412-2.745c0.17-0.086 0.378-0.018 0.465 0.152z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.724 13.627c0.183-0.055 0.376 0.049 0.43 0.232l1.847 6.162c0.055 0.183-0.049 0.376-0.232 0.43s-0.376-0.049-0.43-0.232l-1.847-6.162c-0.055-0.183 0.049-0.376 0.232-0.43z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M8.212 19.37l4.49 0.406-0.062 0.689-4.49-0.406 0.062-0.689z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M21.005 17.11c0.18-0.063 0.378 0.031 0.441 0.211l1.1 3.127c0.063 0.18-0.031 0.378-0.211 0.441s-0.378-0.031-0.441-0.211l-1.1-3.127c-0.063-0.18 0.031-0.378 0.211-0.441z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M9.408 10.787c0.144-0.064 0.313 0.001 0.377 0.145l1.524 3.429c0.064 0.144-0.001 0.313-0.145 0.377s-0.313-0.001-0.377-0.145l-1.524-3.429c-0.064-0.144 0.001-0.313 0.145-0.377z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M11.338 11.072c-0.001 0.158-0.129 0.285-0.287 0.285l-2.731-0.010c-0.158-0.001-0.285-0.129-0.285-0.287s0.129-0.285 0.287-0.285l2.731 0.010c0.158 0.001 0.285 0.129 0.285 0.287z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M-2.286 17.778h8.381v0.645h-8.381v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M0.293 19.39h5.802v0.645h-5.802v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M3.839 21.001h2.256v0.645h-2.256v-0.645z"></path>
<path class="anim-wheel-back" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M5.631 18.362l2.178 1.258-2.207 1.274c-0.174-0.375-0.272-0.794-0.272-1.236 0-0.465 0.108-0.905 0.3-1.296zM5.822 18.031c0.48-0.721 1.271-1.215 2.178-1.29v2.547l-2.178-1.258zM8.381 19.949l2.288 1.321c-0.497 0.754-1.333 1.263-2.288 1.309v-2.63zM10.857 20.939l-2.286-1.32 2.256-1.303c0.206 0.401 0.323 0.857 0.323 1.341 0 0.46-0.106 0.895-0.293 1.282zM8 22.572c-0.931-0.077-1.738-0.594-2.214-1.345l2.214-1.278v2.623zM8.381 16.735c0.932 0.044 1.75 0.53 2.251 1.254l-2.251 1.3v-2.554zM8.241 16.011c-2.007 0-3.631 1.634-3.631 3.646s1.624 3.646 3.631 3.646c2.007 0 3.631-1.634 3.631-3.646s-1.624-3.646-3.631-3.646z"></path>
<path class="anim-wheel-front" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M20.326 19.522l1.489 0.86-1.388 0.801c-0.152-0.279-0.239-0.599-0.239-0.939 0-0.255 0.049-0.499 0.137-0.722zM20.439 19.285c0.305-0.542 0.859-0.924 1.507-0.991v1.861l-1.507-0.87zM22.208 20.609l1.477 0.853c-0.348 0.438-0.879 0.724-1.477 0.742v-1.595zM23.834 21.246l-1.495-0.863 1.605-0.927c0.106 0.241 0.165 0.508 0.165 0.789 0 0.366-0.1 0.708-0.275 1.001zM21.947 22.194c-0.565-0.058-1.059-0.356-1.378-0.79l1.378-0.795v1.585zM22.208 18.285c0.684 0.020 1.28 0.391 1.614 0.938l-1.614 0.932v-1.87zM22.149 17.524c-1.503 0-2.721 1.218-2.721 2.721s1.218 2.721 2.721 2.721c1.503 0 2.721-1.218 2.721-2.721s-1.218-2.721-2.721-2.721z"></path>
</svg>
With this code the wheels rotate in relation to the SVG axis and not on themselves. Can you help me please ?
Original image:
Image with rotation:
transform-origin in SVG refers to the center of the SVG not the sub-element (such as the path).
However, you can use CSS to "redefine" how you want the transform applied using transform-box to tell that particular element to determine it's own center.
transform-box:fill-box;
The transform-box CSS property defines the layout box to which the transform and transform-origin properties relate.
MDN
Note, still an experimental property
.icon-bike-anim,
.icon-elephant-anim,
.icon-clock-anim {
width: 274px;
height: 274px;
}
.icon .anim-wheel-back,
.icon .anim-wheel-front,
.icon .anim-ball,
.icon .anim-hour,
.icon .anim-minute {
transform-origin: 50% 50%;
transform-box: fill-box;
animation: turn-wheel 3s linear 1s infinite running;
}
#keyframes turn-wheel {
100% {
transform: rotate(1turn)
}
;
}
<svg class="icon icon-bike-anim card-simple__icon" viewBox="0 0 30 32">
<title>bike-2</title>
<path fill="#fff" style="fill: var(--color1, #fff)" d="M0 0h30.476v32h-30.476v-32z"></path>
<path fill="none" stroke="#3a4161" style="stroke: var(--color2, #3a4161)" stroke-linejoin="round" stroke-linecap="butt" stroke-miterlimit="10" stroke-width="0.5714" d="M11.213 4.361c0-1.481 0.892-2.706 2.388-2.706 1.481 0 2.388 1.21 2.388 2.706-0.955 0.796-2.388 0.796-2.388 0.796s-1.433 0-2.388-0.796z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.704 4.336c0 0 0 0 0.285 0.025s0.285 0.025 0.285 0.025l-0 0.001-0 0.003-0.001 0.009c-0.001 0.008-0.002 0.019-0.003 0.033-0.003 0.029-0.008 0.070-0.014 0.122-0.013 0.104-0.035 0.252-0.067 0.43-0.064 0.353-0.172 0.828-0.349 1.307-0.176 0.476-0.426 0.973-0.783 1.355-0.363 0.388-0.842 0.663-1.455 0.663v-0.571c0.422 0 0.758-0.183 1.038-0.482 0.285-0.304 0.502-0.723 0.665-1.163 0.162-0.437 0.262-0.877 0.323-1.211 0.030-0.166 0.050-0.304 0.062-0.4 0.006-0.048 0.010-0.085 0.013-0.11 0.001-0.013 0.002-0.022 0.003-0.028l0.001-0.007 0-0.002z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M10.928 4.386c0-0 0-0 0.285-0.025s0.285-0.025 0.285-0.025l0 0.002 0.001 0.007c0.001 0.006 0.002 0.015 0.003 0.028 0.003 0.025 0.007 0.062 0.013 0.11 0.012 0.096 0.032 0.234 0.062 0.4 0.060 0.333 0.161 0.774 0.323 1.211 0.162 0.44 0.38 0.858 0.665 1.163 0.279 0.299 0.616 0.482 1.038 0.482v0.571c-0.613 0-1.092-0.275-1.455-0.663-0.357-0.382-0.607-0.879-0.783-1.355-0.177-0.478-0.285-0.954-0.349-1.307-0.032-0.177-0.053-0.325-0.067-0.43-0.007-0.052-0.011-0.094-0.014-0.122-0.002-0.014-0.003-0.026-0.003-0.033l-0.001-0.009-0-0.003-0-0.001z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 2.291v-0.637h0.571v0.637h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.315 4.202v-1.433h0.571v1.433h-0.571z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M15.468 2.367l-0.478 1.751-0.551-0.15 0.478-1.751 0.551 0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M12.284 2.216l0.478 1.751-0.551 0.15-0.478-1.751 0.551-0.15z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M8.857 4.839c0-2.625 2.118-4.743 4.743-4.743s4.743 2.118 4.743 4.743c0 2.197-1.503 4.050-3.532 4.581l-0.973 1.468c-0.053 0.080-0.142 0.128-0.238 0.128s-0.185-0.048-0.238-0.128l-0.973-1.468c-2.028-0.531-3.532-2.384-3.532-4.581zM13.601 0.667c-2.31 0-4.172 1.862-4.172 4.172 0 1.966 1.371 3.62 3.203 4.052 0.071 0.017 0.132 0.060 0.173 0.12l0.797 1.201 0.797-1.201c0.040-0.061 0.102-0.104 0.173-0.12 1.832-0.432 3.203-2.086 3.203-4.052 0-2.31-1.862-4.172-4.172-4.172z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M13.51 6.319c0.059-0.020 0.122-0.020 0.181 0l1.433 0.478-0.181 0.542-1.342-0.447-1.342 0.447-0.181-0.542 1.433-0.478z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.737 17.372c0.002-0.191 0.158-0.344 0.349-0.343 0.598 0.005 2.164 0.011 3.731 0.016 1.535 0.005 3.071 0.010 3.701 0.016 0.191 0.002 0.344 0.158 0.343 0.349s-0.158 0.344-0.349 0.343c-0.606-0.005-2.147-0.010-3.69-0.016-1.581-0.005-3.163-0.011-3.743-0.016-0.191-0.002-0.344-0.158-0.343-0.349z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.546 13.823c0.061-0.13 0.193-0.211 0.336-0.207l6.141 0.163c0.152 0.004 0.285 0.103 0.333 0.248l1.068 3.235c0.063 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23l-0.989-2.994-5.652-0.15-2.592 5.524c-0.085 0.18-0.3 0.258-0.48 0.173s-0.258-0.3-0.173-0.48l2.692-5.738z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M17.121 13.246c0.076 0.285 0.164 0.612 0.291 0.996 0.062 0.189-0.040 0.393-0.23 0.456s-0.393-0.040-0.456-0.23c-0.134-0.405-0.226-0.751-0.303-1.037-0.011-0.043-0.022-0.084-0.033-0.123-0.086-0.318-0.147-0.521-0.223-0.665-0.065-0.125-0.131-0.184-0.229-0.225-0.119-0.049-0.314-0.080-0.661-0.069-0.199 0.006-0.366-0.15-0.372-0.349s0.15-0.366 0.349-0.372c0.378-0.012 0.696 0.015 0.958 0.123 0.282 0.116 0.465 0.311 0.594 0.557 0.119 0.227 0.199 0.51 0.281 0.813 0.011 0.041 0.022 0.083 0.034 0.126z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M18.391 17.219c0.086 0.17 0.018 0.378-0.152 0.465l-5.412 2.745c-0.17 0.086-0.378 0.018-0.465-0.152s-0.018-0.378 0.152-0.465l5.412-2.745c0.17-0.086 0.378-0.018 0.465 0.152z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M10.724 13.627c0.183-0.055 0.376 0.049 0.43 0.232l1.847 6.162c0.055 0.183-0.049 0.376-0.232 0.43s-0.376-0.049-0.43-0.232l-1.847-6.162c-0.055-0.183 0.049-0.376 0.232-0.43z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M8.212 19.37l4.49 0.406-0.062 0.689-4.49-0.406 0.062-0.689z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M21.005 17.11c0.18-0.063 0.378 0.031 0.441 0.211l1.1 3.127c0.063 0.18-0.031 0.378-0.211 0.441s-0.378-0.031-0.441-0.211l-1.1-3.127c-0.063-0.18 0.031-0.378 0.211-0.441z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M9.408 10.787c0.144-0.064 0.313 0.001 0.377 0.145l1.524 3.429c0.064 0.144-0.001 0.313-0.145 0.377s-0.313-0.001-0.377-0.145l-1.524-3.429c-0.064-0.144 0.001-0.313 0.145-0.377z"></path>
<path fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M11.338 11.072c-0.001 0.158-0.129 0.285-0.287 0.285l-2.731-0.010c-0.158-0.001-0.285-0.129-0.285-0.287s0.129-0.285 0.287-0.285l2.731 0.010c0.158 0.001 0.285 0.129 0.285 0.287z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M-2.286 17.778h8.381v0.645h-8.381v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M0.293 19.39h5.802v0.645h-5.802v-0.645z"></path>
<path fill="#3a4161" style="fill: var(--color2, #3a4161)" d="M3.839 21.001h2.256v0.645h-2.256v-0.645z"></path>
<path class="anim-wheel-back" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M5.631 18.362l2.178 1.258-2.207 1.274c-0.174-0.375-0.272-0.794-0.272-1.236 0-0.465 0.108-0.905 0.3-1.296zM5.822 18.031c0.48-0.721 1.271-1.215 2.178-1.29v2.547l-2.178-1.258zM8.381 19.949l2.288 1.321c-0.497 0.754-1.333 1.263-2.288 1.309v-2.63zM10.857 20.939l-2.286-1.32 2.256-1.303c0.206 0.401 0.323 0.857 0.323 1.341 0 0.46-0.106 0.895-0.293 1.282zM8 22.572c-0.931-0.077-1.738-0.594-2.214-1.345l2.214-1.278v2.623zM8.381 16.735c0.932 0.044 1.75 0.53 2.251 1.254l-2.251 1.3v-2.554zM8.241 16.011c-2.007 0-3.631 1.634-3.631 3.646s1.624 3.646 3.631 3.646c2.007 0 3.631-1.634 3.631-3.646s-1.624-3.646-3.631-3.646z"></path>
<path class="anim-wheel-front" fill="#e850aa" style="fill: var(--color3, #e850aa)" d="M20.326 19.522l1.489 0.86-1.388 0.801c-0.152-0.279-0.239-0.599-0.239-0.939 0-0.255 0.049-0.499 0.137-0.722zM20.439 19.285c0.305-0.542 0.859-0.924 1.507-0.991v1.861l-1.507-0.87zM22.208 20.609l1.477 0.853c-0.348 0.438-0.879 0.724-1.477 0.742v-1.595zM23.834 21.246l-1.495-0.863 1.605-0.927c0.106 0.241 0.165 0.508 0.165 0.789 0 0.366-0.1 0.708-0.275 1.001zM21.947 22.194c-0.565-0.058-1.059-0.356-1.378-0.79l1.378-0.795v1.585zM22.208 18.285c0.684 0.020 1.28 0.391 1.614 0.938l-1.614 0.932v-1.87zM22.149 17.524c-1.503 0-2.721 1.218-2.721 2.721s1.218 2.721 2.721 2.721c1.503 0 2.721-1.218 2.721-2.721s-1.218-2.721-2.721-2.721z"></path>
</svg>
Related
Unable to read SAS Transport File in R using Haven
I'm trying to view a SAS Transport File provided by CMS HCC risk adjustment model software files (2020 Model Software (zip)). I already tried to open with SAS Universal Viewer to no luck. Also tried reading in the file using library(haven) by doing the following. sessionInfo() R version 4.0.3 (2020-10-10) Platform: x86_64-apple-darwin17.0 (64-bit) Running under: macOS Catalina 10.15.7 setwd('~/Documents/MSSP/CMS-HCC software V2421.86.P1') library(haven) sasdata <- read_xpt("C2419P1M") Which gave me the following error. Error: Failed to parse Documents/MSSP/CMS-HCC software V2421.86.P1/C2419P1M: Invalid file, or file has unsupported features. The read_xpt() from haven should be able to read the transport file according to the documentation. Hoping someone may have a troubleshooting idea that I haven't come across.
The files are not SAS transport files. They are SAS CPORT files, created by PROC CPORT. So HAVEN cannot read them. You seem to be asking about one data file that is just one observation with 1,039 variables. Here is SAS code to convert it to a text file with 1,039 lines containing the variable name and value. %let path=C:\downloads\CMS-HCC; libname out "&path"; proc cimport file="&path\C2419P1M" lib=out; run; proc transpose data=out.C2419P1M out=C2419P1M(rename=(col1=VALUE)) name=NAME; run; filename text temp; data _null_; set C2419P1M; file text; put name value; run; Results: CFA_F65_69 0.441 CFA_F70_74 0.519 CFA_F75_79 0.593 CFA_F80_84 0.716 CFA_F85_89 0.865 CFA_F90_94 0.987 CFA_F95_GT 1.041 CFA_M65_69 0.494 CFA_M70_74 0.6 CFA_M75_79 0.71 CFA_M80_84 0.803 CFA_M85_89 1 CFA_M90_94 1.142 CFA_M95_GT 1.267 CFA_OriginallyDisabled_Female 0.173 CFA_OriginallyDisabled_Male 0.182 CFA_HCC1 0.595 CFA_HCC2 0.453 CFA_HCC6 0.572 CFA_HCC8 2.566 CFA_HCC9 1.01 CFA_HCC10 0.717 CFA_HCC11 0.317 CFA_HCC12 0.158 CFA_HCC17 0.34 CFA_HCC18 0.34 CFA_HCC19 0.107 CFA_HCC21 0.693 CFA_HCC22 0.383 CFA_HCC23 0.211 CFA_HCC27 1.111 CFA_HCC28 0.411 CFA_HCC29 0.042 CFA_HCC33 0.258 CFA_HCC34 0.349 CFA_HCC35 0.275 CFA_HCC39 0.558 CFA_HCC40 0.371 CFA_HCC46 1.214 CFA_HCC47 0.452 CFA_HCC48 0.221 CFA_HCC54 0.538 CFA_HCC55 0.538 CFA_HCC56 0.538 CFA_HCC57 0.57 CFA_HCC58 0.57 CFA_HCC59 0.299 CFA_HCC60 0.299 CFA_HCC70 1.038 CFA_HCC71 0.921 CFA_HCC72 0.532 CFA_HCC73 1.101 CFA_HCC74 0 CFA_HCC75 0.407 CFA_HCC76 0.413 CFA_HCC77 0.742 CFA_HCC78 0.601 CFA_HCC79 0.237 CFA_HCC80 0.511 CFA_HCC82 2.183 CFA_HCC83 0.902 CFA_HCC84 0.492 CFA_HCC85 0.371 CFA_HCC86 0.377 CFA_HCC87 0.302 CFA_HCC88 0.034 CFA_HCC96 0.384 CFA_HCC99 0.38 CFA_HCC100 0.38 CFA_HCC103 0.487 CFA_HCC104 0.345 CFA_HCC106 1.724 CFA_HCC107 0.565 CFA_HCC108 0.294 CFA_HCC110 0.509 CFA_HCC111 0.43 CFA_HCC112 0.161 CFA_HCC114 0.641 CFA_HCC115 0.258 CFA_HCC122 0.271 CFA_HCC124 0.298 CFA_HCC134 0.683 CFA_HCC135 0.683 CFA_HCC136 0.26 CFA_HCC137 0.26 CFA_HCC138 0.017 CFA_HCC157 2.463 CFA_HCC158 1.471 CFA_HCC161 0.727 CFA_HCC162 0.162 CFA_HCC166 0.511 CFA_HCC167 0.144 CFA_HCC169 0.532 CFA_HCC170 0.409 CFA_HCC173 0.221 CFA_HCC176 0.68 CFA_HCC186 0.728 CFA_HCC188 0.742 CFA_HCC189 0.795 CFA_HCC51 0.453 CFA_HCC52 0.453 CFA_HCC159 0.863 CFA_HCC47_gCancer 0.853 CFA_DIABETES_CHF 0.192 CFA_CHF_gCopdCF 0.23 CFA_HCC85_gRenal_V24 0.187 CFA_gCopdCF_CARD_RESP_FAIL 0.528 CFA_HCC85_HCC96 0.138 CFA_D6 0.04 CFA_D7 0.057 CFA_D8 0.095 CFA_D9 0.156 CFA_D10P 0.373 CFD_F0_34 0.349 CFD_F35_44 0.349 CFD_F45_54 0.374 CFD_F55_59 0.434 CFD_F60_64 0.49 CFD_M0_34 0.24 CFD_M35_44 0.235 CFD_M45_54 0.307 CFD_M55_59 0.402 CFD_M60_64 0.526 CFD_HCC1 0.396 CFD_HCC2 0.53 CFD_HCC6 0.803 CFD_HCC8 2.801 CFD_HCC9 1.001 CFD_HCC10 0.756 CFD_HCC11 0.355 CFD_HCC12 0.212 CFD_HCC17 0.423 CFD_HCC18 0.423 CFD_HCC19 0.145 CFD_HCC21 0.723 CFD_HCC22 0.297 CFD_HCC23 0.299 CFD_HCC27 1.101 CFD_HCC28 0.365 CFD_HCC29 0.292 CFD_HCC33 0.538 CFD_HCC34 0.762 CFD_HCC35 0.551 CFD_HCC39 0.682 CFD_HCC40 0.328 CFD_HCC46 4.309 CFD_HCC47 0.691 CFD_HCC48 0.298 CFD_HCC54 0.896 CFD_HCC55 0.356 CFD_HCC56 0.348 CFD_HCC57 0.381 CFD_HCC58 0.231 CFD_HCC59 0.127 CFD_HCC60 0.1 CFD_HCC70 1 CFD_HCC71 0.957 CFD_HCC72 0.377 CFD_HCC73 1.245 CFD_HCC74 0 CFD_HCC75 0.404 CFD_HCC76 0.597 CFD_HCC77 0.789 CFD_HCC78 0.443 CFD_HCC79 0.139 CFD_HCC80 0.105 CFD_HCC82 1.465 CFD_HCC83 0.531 CFD_HCC84 0.531 CFD_HCC85 0.486 CFD_HCC86 0.425 CFD_HCC87 0.425 CFD_HCC88 0.152 CFD_HCC96 0.308 CFD_HCC99 0.486 CFD_HCC100 0.324 CFD_HCC103 0.296 CFD_HCC104 0.258 CFD_HCC106 1.748 CFD_HCC107 0.653 CFD_HCC108 0.267 CFD_HCC110 3.516 CFD_HCC111 0.331 CFD_HCC112 0.275 CFD_HCC114 0.375 CFD_HCC115 0 CFD_HCC122 0.269 CFD_HCC124 0.145 CFD_HCC134 0.594 CFD_HCC135 0.594 CFD_HCC136 0.323 CFD_HCC137 0.138 CFD_HCC138 0 CFD_HCC157 2.582 CFD_HCC158 1.38 CFD_HCC161 0.583 CFD_HCC162 0.308 CFD_HCC166 0.105 CFD_HCC167 0.025 CFD_HCC169 0.377 CFD_HCC170 0.469 CFD_HCC173 0.525 CFD_HCC176 0.982 CFD_HCC186 0.865 CFD_HCC188 0.77 CFD_HCC189 0.934 CFD_HCC51 0.256 CFD_HCC52 0.256 CFD_HCC159 0.467 CFD_HCC47_gCancer 0.679 CFD_DIABETES_CHF 0.043 CFD_CHF_gCopdCF 0.154 CFD_HCC85_gRenal_V24 0.461 CFD_gCopdCF_CARD_RESP_FAIL 0.455 CFD_HCC85_HCC96 0.361 CFD_gSubstanceUseDisorder_gPsych 0.191 CFD_D5 0.055 CFD_D6 0.167 CFD_D7 0.269 CFD_D8 0.424 CFD_D9 0.549 CFD_D10P 1.056 CPA_F65_69 0.359 CPA_F70_74 0.406 CPA_F75_79 0.476 CPA_F80_84 0.55 CPA_F85_89 0.653 CPA_F90_94 0.783 CPA_F95_GT 0.873 CPA_M65_69 0.37 CPA_M70_74 0.427 CPA_M75_79 0.5 CPA_M80_84 0.544 CPA_M85_89 0.659 CPA_M90_94 0.834 CPA_M95_GT 1.047 CPA_OriginallyDisabled_Female 0.136 CPA_OriginallyDisabled_Male 0.083 CPA_HCC1 0.482 CPA_HCC2 0.316 CPA_HCC6 0.318 CPA_HCC8 2.455 CPA_HCC9 1.001 CPA_HCC10 0.648 CPA_HCC11 0.33 CPA_HCC12 0.154 CPA_HCC17 0.326 CPA_HCC18 0.326 CPA_HCC19 0.087 CPA_HCC21 0.457 CPA_HCC22 0.233 CPA_HCC23 0.174 CPA_HCC27 0.729 CPA_HCC28 0.403 CPA_HCC29 0.181 CPA_HCC33 0.232 CPA_HCC34 0.371 CPA_HCC35 0.275 CPA_HCC39 0.443 CPA_HCC40 0.347 CPA_HCC46 1.234 CPA_HCC47 0.674 CPA_HCC48 0.186 CPA_HCC54 0.372 CPA_HCC55 0.372 CPA_HCC56 0.372 CPA_HCC57 0.495 CPA_HCC58 0.449 CPA_HCC59 0.306 CPA_HCC60 0.255 CPA_HCC70 1 CPA_HCC71 1 CPA_HCC72 0.512 CPA_HCC73 0.687 CPA_HCC74 0.114 CPA_HCC75 0.287 CPA_HCC76 0 CPA_HCC77 0.276 CPA_HCC78 0.536 CPA_HCC79 0.257 CPA_HCC80 0.729 CPA_HCC82 0.836 CPA_HCC83 0.361 CPA_HCC84 0.361 CPA_HCC85 0.336 CPA_HCC86 0.293 CPA_HCC87 0.276 CPA_HCC88 0.149 CPA_HCC96 0.264 CPA_HCC99 0.23 CPA_HCC100 0.23 CPA_HCC103 0.438 CPA_HCC104 0.3 CPA_HCC106 1.504 CPA_HCC107 0.463 CPA_HCC108 0.297 CPA_HCC110 0.392 CPA_HCC111 0.358 CPA_HCC112 0.2 CPA_HCC114 0.514 CPA_HCC115 0.093 CPA_HCC122 0.182 CPA_HCC124 0.393 CPA_HCC134 0.446 CPA_HCC135 0.446 CPA_HCC136 0.28 CPA_HCC137 0.28 CPA_HCC138 0.043 CPA_HCC157 2.028 CPA_HCC158 1.162 CPA_HCC161 0.541 CPA_HCC162 0 CPA_HCC166 0.729 CPA_HCC167 0.034 CPA_HCC169 0.512 CPA_HCC170 0.354 CPA_HCC173 0.176 CPA_HCC176 0.52 CPA_HCC186 0.438 CPA_HCC188 0.52 CPA_HCC189 0.697 CPA_HCC51 0.42 CPA_HCC52 0.42 CPA_HCC159 0.649 CPA_HCC47_gCancer 0.656 CPA_DIABETES_CHF 0.113 CPA_CHF_gCopdCF 0.158 CPA_HCC85_gRenal_V24 0.186 CPA_gCopdCF_CARD_RESP_FAIL 0.392 CPA_HCC85_HCC96 0.101 CPA_D5 0.037 CPA_D6 0.071 CPA_D7 0.08 CPA_D8 0.125 CPA_D9 0.402 CPA_D10P 0.548 CPD_F0_34 0.383 CPD_F35_44 0.414 CPD_F45_54 0.418 CPD_F55_59 0.414 CPD_F60_64 0.412 CPD_M0_34 0.389 CPD_M35_44 0.282 CPD_M45_54 0.313 CPD_M55_59 0.34 CPD_M60_64 0.373 CPD_HCC1 0.2 CPD_HCC2 0.297 CPD_HCC6 0.658 CPD_HCC8 2.659 CPD_HCC9 0.88 CPD_HCC10 0.667 CPD_HCC11 0.351 CPD_HCC12 0.181 CPD_HCC17 0.373 CPD_HCC18 0.373 CPD_HCC19 0.122 CPD_HCC21 0.679 CPD_HCC22 0.204 CPD_HCC23 0.319 CPD_HCC27 0.887 CPD_HCC28 0.341 CPD_HCC29 0.238 CPD_HCC33 0.552 CPD_HCC34 0.597 CPD_HCC35 0.543 CPD_HCC39 0.435 CPD_HCC40 0.264 CPD_HCC46 4.138 CPD_HCC47 0.594 CPD_HCC48 0.33 CPD_HCC54 0.679 CPD_HCC55 0.275 CPD_HCC56 0.275 CPD_HCC57 0.309 CPD_HCC58 0.239 CPD_HCC59 0.109 CPD_HCC60 0.065 CPD_HCC70 1.134 CPD_HCC71 0.933 CPD_HCC72 0.336 CPD_HCC73 0.933 CPD_HCC74 0 CPD_HCC75 0.314 CPD_HCC76 0.286 CPD_HCC77 0.46 CPD_HCC78 0.43 CPD_HCC79 0.169 CPD_HCC80 0.134 CPD_HCC82 0.769 CPD_HCC83 0.769 CPD_HCC84 0.343 CPD_HCC85 0.422 CPD_HCC86 0.379 CPD_HCC87 0.379 CPD_HCC88 0.149 CPD_HCC96 0.281 CPD_HCC99 0.163 CPD_HCC100 0.163 CPD_HCC103 0.31 CPD_HCC104 0.164 CPD_HCC106 1.525 CPD_HCC107 0.45 CPD_HCC108 0.314 CPD_HCC110 3.051 CPD_HCC111 0.267 CPD_HCC112 0.229 CPD_HCC114 0.198 CPD_HCC115 0.082 CPD_HCC122 0.201 CPD_HCC124 0.158 CPD_HCC134 0.48 CPD_HCC135 0.48 CPD_HCC136 0.261 CPD_HCC137 0.039 CPD_HCC138 0 CPD_HCC157 2.512 CPD_HCC158 0.925 CPD_HCC161 0.542 CPD_HCC162 0.324 CPD_HCC166 0.134 CPD_HCC167 0.019 CPD_HCC169 0.336 CPD_HCC170 0.333 CPD_HCC173 0.18 CPD_HCC176 0.832 CPD_HCC186 0.613 CPD_HCC188 0.732 CPD_HCC189 0.626 CPD_HCC51 0.257 CPD_HCC52 0.257 CPD_HCC159 0.824 CPD_HCC47_gCancer 0.601 CPD_DIABETES_CHF 0 CPD_CHF_gCopdCF 0.141 CPD_HCC85_gRenal_V24 0.382 CPD_gCopdCF_CARD_RESP_FAIL 0.479 CPD_HCC85_HCC96 0.303 CPD_gSubstanceUseDisorder_gPsych 0.201 CPD_D5 0.083 CPD_D6 0.117 CPD_D7 0.291 CPD_D8 0.452 CPD_D9 0.499 CPD_D10P 0.893 CND_F0_34 0.241 CND_F35_44 0.315 CND_F45_54 0.348 CND_F55_59 0.379 CND_F60_64 0.428 CND_M0_34 0.156 CND_M35_44 0.199 CND_M45_54 0.241 CND_M55_59 0.287 CND_M60_64 0.33 CND_HCC1 0.287 CND_HCC2 0.414 CND_HCC6 0.74 CND_HCC8 2.714 CND_HCC9 0.91 CND_HCC10 0.663 CND_HCC11 0.345 CND_HCC12 0.212 CND_HCC17 0.351 CND_HCC18 0.351 CND_HCC19 0.124 CND_HCC21 0.674 CND_HCC22 0.183 CND_HCC23 0.378 CND_HCC27 1.065 CND_HCC28 0.334 CND_HCC29 0.314 CND_HCC33 0.503 CND_HCC34 0.58 CND_HCC35 0.523 CND_HCC39 0.378 CND_HCC40 0.367 CND_HCC46 3.566 CND_HCC47 0.86 CND_HCC48 0.312 CND_HCC54 0.543 CND_HCC55 0.279 CND_HCC56 0.247 CND_HCC57 0.352 CND_HCC58 0.352 CND_HCC59 0.164 CND_HCC60 0.108 CND_HCC70 1.001 CND_HCC71 0.739 CND_HCC72 0.369 CND_HCC73 1.132 CND_HCC74 0.098 CND_HCC75 0.481 CND_HCC76 0.621 CND_HCC77 0.566 CND_HCC78 0.501 CND_HCC79 0.196 CND_HCC80 0.274 CND_HCC82 0.781 CND_HCC83 0.4 CND_HCC84 0.385 CND_HCC85 0.447 CND_HCC86 0.264 CND_HCC87 0.264 CND_HCC88 0.111 CND_HCC96 0.262 CND_HCC99 0.17 CND_HCC100 0.146 CND_HCC103 0.281 CND_HCC104 0.27 CND_HCC106 1.521 CND_HCC107 0.464 CND_HCC108 0.301 CND_HCC110 2.676 CND_HCC111 0.246 CND_HCC112 0.237 CND_HCC114 0.236 CND_HCC115 0 CND_HCC122 0.231 CND_HCC124 0.314 CND_HCC134 0.406 CND_HCC135 0.406 CND_HCC136 0.231 CND_HCC137 0.105 CND_HCC138 0.021 CND_HCC157 2.097 CND_HCC158 1.212 CND_HCC161 0.592 CND_HCC162 0.506 CND_HCC166 0.274 CND_HCC167 0 CND_HCC169 0.369 CND_HCC170 0.394 CND_HCC173 0.172 CND_HCC176 0.911 CND_HCC186 0.445 CND_HCC188 0.755 CND_HCC189 0.437 CND_HCC51 0.224 CND_HCC52 0.224 CND_HCC159 0.628 CND_HCC47_gCancer 0.46 CND_DIABETES_CHF 0.024 CND_CHF_gCopdCF 0.121 CND_HCC85_gRenal_V24 0.411 CND_gCopdCF_CARD_RESP_FAIL 0.379 CND_HCC85_HCC96 0.282 CND_gSubstanceUseDisorder_gPsych 0.138 CND_D5 0.043 CND_D6 0.131 CND_D7 0.201 CND_D8 0.441 CND_D9 0.441 CND_D10P 0.897 INS_F0_34 0.902 INS_F35_44 1.105 INS_F45_54 1.043 INS_F55_59 1.065 INS_F60_64 1.067 INS_F65_69 1.245 INS_F70_74 1.15 INS_F75_79 1.014 INS_F80_84 0.882 INS_F85_89 0.798 INS_F90_94 0.668 INS_F95_GT 0.501 INS_M0_34 1.101 INS_M35_44 1.002 INS_M45_54 0.965 INS_M55_59 1.017 INS_M60_64 1.061 INS_M65_69 1.288 INS_M70_74 1.329 INS_M75_79 1.317 INS_M80_84 1.207 INS_M85_89 1.122 INS_M90_94 0.989 INS_M95_GT 0.821 INS_LTIMCAID 0.061 INS_ORIGDS 0 INS_DISABLED_HCC85 0.279 INS_DISABLED_PRESSURE_ULCER 0.544 INS_DISABLED_HCC161 0.473 INS_DISABLED_HCC39 0.456 INS_DISABLED_HCC77 0.496 INS_DISABLED_HCC6 0.405 INS_CHF_gCopdCF 0.191 INS_gCopdCF_CARD_RESP_FAIL 0.414 INS_SEPSIS_PRESSURE_ULCER 0.155 INS_SEPSIS_ARTIF_OPENINGS 0.474 INS_ART_OPENINGS_PRESS_ULCER 0.359 INS_DIABETES_CHF 0.169 INS_gCopdCF_ASP_SPEC_B_PNEUM 0.216 INS_ASP_SPEC_B_PNEUM_PRES_ULC 0.472 INS_SEPSIS_ASP_SPEC_BACT_PNEUM 0.346 INS_SCHIZOPHRENIA_gCopdCF 0.417 INS_SCHIZOPHRENIA_CHF 0.127 INS_SCHIZOPHRENIA_SEIZURES 0.573 INS_HCC1 1.722 INS_HCC2 0.324 INS_HCC6 0.534 INS_HCC8 1.303 INS_HCC9 0.623 INS_HCC10 0.461 INS_HCC11 0.294 INS_HCC12 0.21 INS_HCC17 0.44 INS_HCC18 0.44 INS_HCC19 0.178 INS_HCC21 0.267 INS_HCC22 0.455 INS_HCC23 0.379 INS_HCC27 0.874 INS_HCC28 0.485 INS_HCC29 0.485 INS_HCC33 0.352 INS_HCC34 0.422 INS_HCC35 0.355 INS_HCC39 0.401 INS_HCC40 0.292 INS_HCC46 0.799 INS_HCC47 0.576 INS_HCC48 0.19 INS_HCC54 0.178 INS_HCC55 0.178 INS_HCC56 0.178 INS_HCC57 0.187 INS_HCC58 0.187 INS_HCC59 0.187 INS_HCC60 0 INS_HCC70 0.549 INS_HCC71 0.492 INS_HCC72 0.289 INS_HCC73 0.476 INS_HCC74 0 INS_HCC75 0.332 INS_HCC76 0.356 INS_HCC77 0 INS_HCC78 0.159 INS_HCC79 0.065 INS_HCC80 0 INS_HCC82 1.622 INS_HCC83 0.511 INS_HCC84 0.313 INS_HCC85 0.203 INS_HCC86 0.366 INS_HCC87 0.366 INS_HCC88 0.366 INS_HCC96 0.252 INS_HCC99 0.111 INS_HCC100 0.111 INS_HCC103 0 INS_HCC104 0 INS_HCC106 0.867 INS_HCC107 0.299 INS_HCC108 0.093 INS_HCC110 0.593 INS_HCC111 0.311 INS_HCC112 0.11 INS_HCC114 0.156 INS_HCC115 0.156 INS_HCC122 0.394 INS_HCC124 0.217 INS_HCC134 0.468 INS_HCC135 0.468 INS_HCC136 0.245 INS_HCC137 0.201 INS_HCC138 0.092 INS_HCC157 0.854 INS_HCC158 0.322 INS_HCC161 0.294 INS_HCC162 0 INS_HCC166 0 INS_HCC167 0 INS_HCC169 0.25 INS_HCC170 0 INS_HCC173 0.092 INS_HCC176 0.469 INS_HCC186 1.046 INS_HCC188 0.514 INS_HCC189 0.357 INS_HCC51 0 INS_HCC52 0 INS_HCC159 0.322 NE_NMCAID_NORIGDIS_NEF0_34 0.804 NE_NMCAID_NORIGDIS_NEF35_44 0.947 NE_NMCAID_NORIGDIS_NEF45_54 1.016 NE_NMCAID_NORIGDIS_NEF55_59 1.017 NE_NMCAID_NORIGDIS_NEF60_64 1.122 NE_NMCAID_NORIGDIS_NEF65 0.52 NE_NMCAID_NORIGDIS_NEF66 0.515 NE_NMCAID_NORIGDIS_NEF67 0.544 NE_NMCAID_NORIGDIS_NEF68 0.598 NE_NMCAID_NORIGDIS_NEF69 0.6 NE_NMCAID_NORIGDIS_NEF70_74 0.69 NE_NMCAID_NORIGDIS_NEF75_79 0.86 NE_NMCAID_NORIGDIS_NEF80_84 1.014 NE_NMCAID_NORIGDIS_NEF85_89 1.293 NE_NMCAID_NORIGDIS_NEF90_94 1.293 NE_NMCAID_NORIGDIS_NEF95_GT 1.293 NE_NMCAID_NORIGDIS_NEM0_34 0.442 NE_NMCAID_NORIGDIS_NEM35_44 0.657 NE_NMCAID_NORIGDIS_NEM45_54 0.864 NE_NMCAID_NORIGDIS_NEM55_59 0.904 NE_NMCAID_NORIGDIS_NEM60_64 0.921 NE_NMCAID_NORIGDIS_NEM65 0.518 NE_NMCAID_NORIGDIS_NEM66 0.533 NE_NMCAID_NORIGDIS_NEM67 0.582 NE_NMCAID_NORIGDIS_NEM68 0.626 NE_NMCAID_NORIGDIS_NEM69 0.69 NE_NMCAID_NORIGDIS_NEM70_74 0.786 NE_NMCAID_NORIGDIS_NEM75_79 1.06 NE_NMCAID_NORIGDIS_NEM80_84 1.247 NE_NMCAID_NORIGDIS_NEM85_89 1.498 NE_NMCAID_NORIGDIS_NEM90_94 1.498 NE_NMCAID_NORIGDIS_NEM95_GT 1.498 NE_MCAID_NORIGDIS_NEF0_34 0.969 NE_MCAID_NORIGDIS_NEF35_44 1.202 NE_MCAID_NORIGDIS_NEF45_54 1.306 NE_MCAID_NORIGDIS_NEF55_59 1.307 NE_MCAID_NORIGDIS_NEF60_64 1.408 NE_MCAID_NORIGDIS_NEF65 0.993 NE_MCAID_NORIGDIS_NEF66 0.897 NE_MCAID_NORIGDIS_NEF67 0.92 NE_MCAID_NORIGDIS_NEF68 0.951 NE_MCAID_NORIGDIS_NEF69 0.951 NE_MCAID_NORIGDIS_NEF70_74 0.985 NE_MCAID_NORIGDIS_NEF75_79 1.134 NE_MCAID_NORIGDIS_NEF80_84 1.353 NE_MCAID_NORIGDIS_NEF85_89 1.536 NE_MCAID_NORIGDIS_NEF90_94 1.701 NE_MCAID_NORIGDIS_NEF95_GT 1.701 NE_MCAID_NORIGDIS_NEM0_34 0.734 NE_MCAID_NORIGDIS_NEM35_44 1.059 NE_MCAID_NORIGDIS_NEM45_54 1.353 NE_MCAID_NORIGDIS_NEM55_59 1.418 NE_MCAID_NORIGDIS_NEM60_64 1.551 NE_MCAID_NORIGDIS_NEM65 1.144 NE_MCAID_NORIGDIS_NEM66 1.094 NE_MCAID_NORIGDIS_NEM67 1.151 NE_MCAID_NORIGDIS_NEM68 1.202 NE_MCAID_NORIGDIS_NEM69 1.202 NE_MCAID_NORIGDIS_NEM70_74 1.298 NE_MCAID_NORIGDIS_NEM75_79 1.407 NE_MCAID_NORIGDIS_NEM80_84 1.555 NE_MCAID_NORIGDIS_NEM85_89 1.777 NE_MCAID_NORIGDIS_NEM90_94 1.777 NE_MCAID_NORIGDIS_NEM95_GT 1.777 NE_NMCAID_ORIGDIS_NEF65 1.122 NE_NMCAID_ORIGDIS_NEF66 1.174 NE_NMCAID_ORIGDIS_NEF67 1.174 NE_NMCAID_ORIGDIS_NEF68 1.174 NE_NMCAID_ORIGDIS_NEF69 1.174 NE_NMCAID_ORIGDIS_NEF70_74 1.174 NE_NMCAID_ORIGDIS_NEF75_79 1.174 NE_NMCAID_ORIGDIS_NEF80_84 1.174 NE_NMCAID_ORIGDIS_NEF85_89 1.293 NE_NMCAID_ORIGDIS_NEF90_94 1.293 NE_NMCAID_ORIGDIS_NEF95_GT 1.293 NE_NMCAID_ORIGDIS_NEM65 0.921 NE_NMCAID_ORIGDIS_NEM66 1.071 NE_NMCAID_ORIGDIS_NEM67 1.123 NE_NMCAID_ORIGDIS_NEM68 1.123 NE_NMCAID_ORIGDIS_NEM69 1.32 NE_NMCAID_ORIGDIS_NEM70_74 1.408 NE_NMCAID_ORIGDIS_NEM75_79 1.408 NE_NMCAID_ORIGDIS_NEM80_84 1.408 NE_NMCAID_ORIGDIS_NEM85_89 1.498 NE_NMCAID_ORIGDIS_NEM90_94 1.498 NE_NMCAID_ORIGDIS_NEM95_GT 1.498 NE_MCAID_ORIGDIS_NEF65 1.462 NE_MCAID_ORIGDIS_NEF66 1.887 NE_MCAID_ORIGDIS_NEF67 1.887 NE_MCAID_ORIGDIS_NEF68 1.887 NE_MCAID_ORIGDIS_NEF69 1.887 NE_MCAID_ORIGDIS_NEF70_74 1.887 NE_MCAID_ORIGDIS_NEF75_79 1.887 NE_MCAID_ORIGDIS_NEF80_84 1.887 NE_MCAID_ORIGDIS_NEF85_89 1.887 NE_MCAID_ORIGDIS_NEF90_94 1.887 NE_MCAID_ORIGDIS_NEF95_GT 1.887 NE_MCAID_ORIGDIS_NEM65 1.811 NE_MCAID_ORIGDIS_NEM66 2.199 NE_MCAID_ORIGDIS_NEM67 2.199 NE_MCAID_ORIGDIS_NEM68 2.199 NE_MCAID_ORIGDIS_NEM69 2.199 NE_MCAID_ORIGDIS_NEM70_74 2.199 NE_MCAID_ORIGDIS_NEM75_79 2.199 NE_MCAID_ORIGDIS_NEM80_84 2.199 NE_MCAID_ORIGDIS_NEM85_89 2.199 NE_MCAID_ORIGDIS_NEM90_94 2.199 NE_MCAID_ORIGDIS_NEM95_GT 2.199 CFA_D1 0 CFA_D2 0 CFA_D3 0 CFA_D4 0 CFA_D5 0 CPA_D1 0 CPA_D2 0 CPA_D3 0 CPA_D4 0 CFD_D1 0 CFD_D2 0 CFD_D3 0 CFD_D4 0 CND_D1 0 CND_D2 0 CND_D3 0 CND_D4 0 CPD_D1 0 CPD_D2 0 CPD_D3 0 CPD_D4 0 CNA_F65_69 0.323 CNA_F70_74 0.386 CNA_F75_79 0.451 CNA_F80_84 0.528 CNA_F85_89 0.641 CNA_F90_94 0.783 CNA_F95_GT 0.787 CNA_M65_69 0.308 CNA_M70_74 0.394 CNA_M75_79 0.473 CNA_M80_84 0.556 CNA_M85_89 0.686 CNA_M90_94 0.841 CNA_M95_GT 0.986 CNA_OriginallyDisabled_Female 0.25 CNA_OriginallyDisabled_Male 0.147 CNA_HCC1 0.335 CNA_HCC2 0.352 CNA_HCC6 0.424 CNA_HCC8 2.659 CNA_HCC9 1.024 CNA_HCC10 0.675 CNA_HCC11 0.307 CNA_HCC12 0.15 CNA_HCC17 0.302 CNA_HCC18 0.302 CNA_HCC19 0.105 CNA_HCC21 0.455 CNA_HCC22 0.25 CNA_HCC23 0.194 CNA_HCC27 0.882 CNA_HCC28 0.363 CNA_HCC29 0.147 CNA_HCC33 0.219 CNA_HCC34 0.287 CNA_HCC35 0.308 CNA_HCC39 0.401 CNA_HCC40 0.421 CNA_HCC46 1.372 CNA_HCC47 0.665 CNA_HCC48 0.192 CNA_HCC54 0.329 CNA_HCC55 0.329 CNA_HCC56 0.329 CNA_HCC57 0.524 CNA_HCC58 0.393 CNA_HCC59 0.309 CNA_HCC60 0.309 CNA_HCC70 1.242 CNA_HCC71 1.068 CNA_HCC72 0.481 CNA_HCC73 0.999 CNA_HCC74 0.339 CNA_HCC75 0.472 CNA_HCC76 0.518 CNA_HCC77 0.423 CNA_HCC78 0.606 CNA_HCC79 0.22 CNA_HCC80 0.486 CNA_HCC82 1 CNA_HCC83 0.354 CNA_HCC84 0.282 CNA_HCC85 0.331 CNA_HCC86 0.195 CNA_HCC87 0.195 CNA_HCC88 0.135 CNA_HCC96 0.268 CNA_HCC99 0.23 CNA_HCC100 0.23 CNA_HCC103 0.437 CNA_HCC104 0.331 CNA_HCC106 1.488 CNA_HCC107 0.383 CNA_HCC108 0.288 CNA_HCC110 0.51 CNA_HCC111 0.335 CNA_HCC112 0.219 CNA_HCC114 0.517 CNA_HCC115 0.13 CNA_HCC122 0.222 CNA_HCC124 0.521 CNA_HCC134 0.435 CNA_HCC135 0.435 CNA_HCC136 0.289 CNA_HCC137 0.289 CNA_HCC138 0.069 CNA_HCC157 2.028 CNA_HCC158 1.069 CNA_HCC161 0.515 CNA_HCC162 0.224 CNA_HCC166 0.486 CNA_HCC167 0.077 CNA_HCC169 0.476 CNA_HCC170 0.35 CNA_HCC173 0.208 CNA_HCC176 0.582 CNA_HCC186 0.832 CNA_HCC188 0.534 CNA_HCC189 0.519 CNA_HCC51 0.346 CNA_HCC52 0.346 CNA_HCC159 0.656 CNA_HCC47_gCancer 0.838 CNA_DIABETES_CHF 0.121 CNA_CHF_gCopdCF 0.155 CNA_HCC85_gRenal_V24 0.156 CNA_gCopdCF_CARD_RESP_FAIL 0.363 CNA_HCC85_HCC96 0.085 CNA_D4 0.006 CNA_D5 0.042 CNA_D6 0.077 CNA_D7 0.126 CNA_D8 0.214 CNA_D9 0.258 CNA_D10P 0.505 CNA_D1 0 CNA_D2 0 CNA_D3 0 SNPNE_NMCAID_NORIGDIS_NEF0_34 1.513 SNPNE_NMCAID_NORIGDIS_NEF35_44 1.513 SNPNE_NMCAID_NORIGDIS_NEF45_54 1.513 SNPNE_NMCAID_NORIGDIS_NEF55_59 1.619 SNPNE_NMCAID_NORIGDIS_NEF60_64 1.686 SNPNE_NMCAID_NORIGDIS_NEF65 0.999 SNPNE_NMCAID_NORIGDIS_NEF66 0.999 SNPNE_NMCAID_NORIGDIS_NEF67 1.07 SNPNE_NMCAID_NORIGDIS_NEF68 1.108 SNPNE_NMCAID_NORIGDIS_NEF69 1.164 SNPNE_NMCAID_NORIGDIS_NEF70_74 1.31 SNPNE_NMCAID_NORIGDIS_NEF75_79 1.516 SNPNE_NMCAID_NORIGDIS_NEF80_84 1.746 SNPNE_NMCAID_NORIGDIS_NEF85_89 1.971 SNPNE_NMCAID_NORIGDIS_NEF90_94 2.161 SNPNE_NMCAID_NORIGDIS_NEF95_GT 2.161 SNPNE_NMCAID_NORIGDIS_NEM0_34 1.276 SNPNE_NMCAID_NORIGDIS_NEM35_44 1.276 SNPNE_NMCAID_NORIGDIS_NEM45_54 1.498 SNPNE_NMCAID_NORIGDIS_NEM55_59 1.63 SNPNE_NMCAID_NORIGDIS_NEM60_64 1.673 SNPNE_NMCAID_NORIGDIS_NEM65 0.98 SNPNE_NMCAID_NORIGDIS_NEM66 0.98 SNPNE_NMCAID_NORIGDIS_NEM67 1.02 SNPNE_NMCAID_NORIGDIS_NEM68 1.082 SNPNE_NMCAID_NORIGDIS_NEM69 1.14 SNPNE_NMCAID_NORIGDIS_NEM70_74 1.345 SNPNE_NMCAID_NORIGDIS_NEM75_79 1.581 SNPNE_NMCAID_NORIGDIS_NEM80_84 1.832 SNPNE_NMCAID_NORIGDIS_NEM85_89 2.095 SNPNE_NMCAID_NORIGDIS_NEM90_94 2.351 SNPNE_NMCAID_NORIGDIS_NEM95_GT 2.351 SNPNE_MCAID_NORIGDIS_NEF0_34 1.776 SNPNE_MCAID_NORIGDIS_NEF35_44 1.776 SNPNE_MCAID_NORIGDIS_NEF45_54 2.01 SNPNE_MCAID_NORIGDIS_NEF55_59 2.095 SNPNE_MCAID_NORIGDIS_NEF60_64 2.126 SNPNE_MCAID_NORIGDIS_NEF65 1.375 SNPNE_MCAID_NORIGDIS_NEF66 1.375 SNPNE_MCAID_NORIGDIS_NEF67 1.483 SNPNE_MCAID_NORIGDIS_NEF68 1.559 SNPNE_MCAID_NORIGDIS_NEF69 1.576 SNPNE_MCAID_NORIGDIS_NEF70_74 1.789 SNPNE_MCAID_NORIGDIS_NEF75_79 1.98 SNPNE_MCAID_NORIGDIS_NEF80_84 2.194 SNPNE_MCAID_NORIGDIS_NEF85_89 2.49 SNPNE_MCAID_NORIGDIS_NEF90_94 2.68 SNPNE_MCAID_NORIGDIS_NEF95_GT 2.68 SNPNE_MCAID_NORIGDIS_NEM0_34 1.533 SNPNE_MCAID_NORIGDIS_NEM35_44 1.533 SNPNE_MCAID_NORIGDIS_NEM45_54 1.854 SNPNE_MCAID_NORIGDIS_NEM55_59 2.041 SNPNE_MCAID_NORIGDIS_NEM60_64 2.167 SNPNE_MCAID_NORIGDIS_NEM65 1.525 SNPNE_MCAID_NORIGDIS_NEM66 1.525 SNPNE_MCAID_NORIGDIS_NEM67 1.646 SNPNE_MCAID_NORIGDIS_NEM68 1.646 SNPNE_MCAID_NORIGDIS_NEM69 1.646 SNPNE_MCAID_NORIGDIS_NEM70_74 1.967 SNPNE_MCAID_NORIGDIS_NEM75_79 2.14 SNPNE_MCAID_NORIGDIS_NEM80_84 2.272 SNPNE_MCAID_NORIGDIS_NEM85_89 2.63 SNPNE_MCAID_NORIGDIS_NEM90_94 2.63 SNPNE_MCAID_NORIGDIS_NEM95_GT 2.63 SNPNE_NMCAID_ORIGDIS_NEF65 1.81 SNPNE_NMCAID_ORIGDIS_NEF66 1.81 SNPNE_NMCAID_ORIGDIS_NEF67 1.834 SNPNE_NMCAID_ORIGDIS_NEF68 1.834 SNPNE_NMCAID_ORIGDIS_NEF69 1.834 SNPNE_NMCAID_ORIGDIS_NEF70_74 2.006 SNPNE_NMCAID_ORIGDIS_NEF75_79 2.112 SNPNE_NMCAID_ORIGDIS_NEF80_84 2.476 SNPNE_NMCAID_ORIGDIS_NEF85_89 2.476 SNPNE_NMCAID_ORIGDIS_NEF90_94 2.476 SNPNE_NMCAID_ORIGDIS_NEF95_GT 2.476 SNPNE_NMCAID_ORIGDIS_NEM65 1.664 SNPNE_NMCAID_ORIGDIS_NEM66 1.667 SNPNE_NMCAID_ORIGDIS_NEM67 1.725 SNPNE_NMCAID_ORIGDIS_NEM68 1.74 SNPNE_NMCAID_ORIGDIS_NEM69 1.797 SNPNE_NMCAID_ORIGDIS_NEM70_74 1.935 SNPNE_NMCAID_ORIGDIS_NEM75_79 2.073 SNPNE_NMCAID_ORIGDIS_NEM80_84 2.349 SNPNE_NMCAID_ORIGDIS_NEM85_89 2.349 SNPNE_NMCAID_ORIGDIS_NEM90_94 2.349 SNPNE_NMCAID_ORIGDIS_NEM95_GT 2.349 SNPNE_MCAID_ORIGDIS_NEF65 2.183 SNPNE_MCAID_ORIGDIS_NEF66 2.209 SNPNE_MCAID_ORIGDIS_NEF67 2.213 SNPNE_MCAID_ORIGDIS_NEF68 2.248 SNPNE_MCAID_ORIGDIS_NEF69 2.336 SNPNE_MCAID_ORIGDIS_NEF70_74 2.424 SNPNE_MCAID_ORIGDIS_NEF75_79 2.562 SNPNE_MCAID_ORIGDIS_NEF80_84 2.772 SNPNE_MCAID_ORIGDIS_NEF85_89 2.772 SNPNE_MCAID_ORIGDIS_NEF90_94 2.772 SNPNE_MCAID_ORIGDIS_NEF95_GT 2.772 SNPNE_MCAID_ORIGDIS_NEM65 2.173 SNPNE_MCAID_ORIGDIS_NEM66 2.173 SNPNE_MCAID_ORIGDIS_NEM67 2.179 SNPNE_MCAID_ORIGDIS_NEM68 2.179 SNPNE_MCAID_ORIGDIS_NEM69 2.179 SNPNE_MCAID_ORIGDIS_NEM70_74 2.419 SNPNE_MCAID_ORIGDIS_NEM75_79 2.509 SNPNE_MCAID_ORIGDIS_NEM80_84 2.805 SNPNE_MCAID_ORIGDIS_NEM85_89 2.805 SNPNE_MCAID_ORIGDIS_NEM90_94 2.805 SNPNE_MCAID_ORIGDIS_NEM95_GT 2.805
How to make svg stroke-dash one dash
I'm trying to reveal the arrow of an svg by animating the stroke-dash property of a circle on top, using masks. The code below shows it in action, but for some reason there are many dashes, there should only be one dash with space around it that's going from 0 to 100 stroke-dash length.. Can someone show me what i'm missing to just have one dash going from 0 - 100 length? <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 526.04 526.04"> <defs> <style> .cls-1 { fill: #2b2b2a; } .circular-chart { position: absolute; max-width: 50%; } .circle { stroke: #D8D9DB; fill: none; stroke-width: 50.8; stroke-linecap: round; animation: progress 3s infinite; } #keyframes progress { 0% { stroke-dasharray: 0 100; } 99% { stroke-dasharray: 100 0; } } </style> </defs> <defs> <mask id="theMask"> <path class="circle" stroke-dasharray="0, 100" d="M253.47 119.78 a 143.24 143.24 0 0 1 0 286.48 a 143.24 143.24 0 0 1 0 -286.48" /> </mask> </defs> <g mask="url(#theMask)"> <path id="arrow" class="cls-1" d="M435.11,526.36c96-59.59,143.45-166.26,123.34-275.42A262.66,262.66,0,0,0,364.66,44.26C280.39,22.94,178.69,54.6,128.05,101a4.86,4.86,0,0,0-.34,6.82l23.48,26.35a4.85,4.85,0,0,0,6.77.47c67.72-57.58,160.31-70.32,241.31-28.73,72.94,37.45,123.45,114.77,117.82,208.36-2.56,42.57-16.94,81.35-42.64,115.65a214.39,214.39,0,0,1-60.65,55.55,4.87,4.87,0,0,1-6.8-1.84l-9.51-17.43a4.87,4.87,0,0,0-8.34-.34l-43.29,66.24a4.87,4.87,0,0,0,2.95,7.39c30.19,7.22,59.83,14.62,90.17,21.55a4.87,4.87,0,0,0,5.37-7c-3.9-7.34-7.68-14.34-11.06-21.44a4.87,4.87,0,0,1,1.82-6.22" transform="translate(-36.96 -37.47)" /> <path id="dash-5" class="cls-1" d="M47.48,244.37l33.77,9.26a4.86,4.86,0,0,0,5.9-3.15c4.28-12.74,8-25.38,13.25-37.36,5.4-12.36,12.29-24.07,18.82-36.14a4.86,4.86,0,0,0-1.48-6.27q-12.54-8.86-25-17.67c-1.16-.82-2.32-1.62-3.56-2.45a4.87,4.87,0,0,0-6.71,1.22C64,178,51.8,207.89,44.35,235.87a16.33,16.33,0,0,0-.45,3.72,4.86,4.86,0,0,0,3.58,4.78" transform="translate(-36.96 -37.47)" /> <path id="dash-4" class="cls-1" d="M100.32,387.08a4.84,4.84,0,0,0-7.23-2l-29.42,20.6a4.87,4.87,0,0,0-1.73,5.79c6.94,17.35,24.14,44.47,34.44,54.79a4.85,4.85,0,0,0,6.62.24l26.76-23.23a4.85,4.85,0,0,0,.6-6.72,213.18,213.18,0,0,1-30-49.45" transform="translate(-36.96 -37.47)" /> <path id="dash-3" class="cls-1" d="M87.53,348c-3.72-16.86-5.28-33.78-5.81-50.93a4.86,4.86,0,0,0-4.61-4.7l-34.9-1.74a4.86,4.86,0,0,0-5.1,4.7A233,233,0,0,0,45.26,366,4.87,4.87,0,0,0,52,369.09l32.83-15.64A4.85,4.85,0,0,0,87.53,348" transform="translate(-36.96 -37.47)" /> <path id="dash-2" class="cls-1" d="M217.77,502.08a221,221,0,0,1-45.32-25.37,4.85,4.85,0,0,0-6.8,1.09l-20.9,29.09a4.88,4.88,0,0,0,1.06,6.76,258.87,258.87,0,0,0,54.73,30.46,4.87,4.87,0,0,0,6.38-2.65l13.49-33.05a4.87,4.87,0,0,0-2.64-6.33" transform="translate(-36.96 -37.47)" /> <path id="dash-1" class="cls-1" d="M310.06,522.28a4.88,4.88,0,0,0-4.25-3.34l-39.25-3.1a4.85,4.85,0,0,0-5.16,4L255,554.57a4.86,4.86,0,0,0,3.77,5.65c19.51,4,38.26,3.43,57.65,3.07a4.87,4.87,0,0,0,4.59-6.21c-3.52-12.2-7.28-23.64-10.91-34.8" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M293.57,381.07c-3.94,0-6.05,2.61-6.88,5.67h13.05c-.05-3.83-3.33-5.67-6.17-5.67" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M329.72,284.23c9.77,0,16.58-6.17,16.58-12.59,0-4.5-4-10-14.91-10-9.12,0-17.73,3.72-24.15,7.45,3.34,9.76,12.33,15.16,22.48,15.16" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M319.08,394.85c0,2.28,1.83,3.78,4.94,3.78a10.87,10.87,0,0,0,7.33-3V393a10.09,10.09,0,0,0-6.27-1.94c-4.39,0-6,1.72-6,3.77" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M286.65,346.46c4.62,0,7.28-3.89,7.28-8.39s-2.66-8.17-7.28-8.17-7.11,3.73-7.11,8.17,2.61,8.39,7.11,8.39" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M255.21,223.2H271v73h-17.6v-56.4l-16.83,7.32L232.85,233Zm31.46,100.54c8.84,0,14.84,6.27,14.84,14.33s-6,14.5-14.84,14.5S272,346.13,272,338.07s5.95-14.33,14.72-14.33m45.11-103c13,0,23,4.24,28.27,6.55l-7.84,12.21A48.39,48.39,0,0,0,332,235.15c-13.36,0-25.31,8.48-26.21,23.51,6.94-5.4,16.19-10.41,28-10.41,19.91,0,29.93,11.95,29.93,23.39,0,15.16-14,27-33.92,27-20.68,0-40.6-12.85-40.6-37.65,0-25.31,20.3-40.21,42.53-40.21M363.1,383.67a12.89,12.89,0,0,0-3.67-.78c-1.95,0-3.17,1.5-4.67,3.44v17.45h-7.44V384.33a41.62,41.62,0,0,0-.78-7.67h6.78a40.36,40.36,0,0,1,.55,4.06c1.67-2.78,3.61-4.94,7.12-4.94a7.69,7.69,0,0,1,4.16,1.11Zm-21.75-59.05h6.77a37.57,37.57,0,0,1,.56,4.06c1.67-2.78,3.61-4.94,7.11-4.94a7.72,7.72,0,0,1,4.17,1.11l-2.06,6.78a12.82,12.82,0,0,0-3.66-.78c-1.95,0-3.17,1.5-4.67,3.44v17.45h-7.45V332.29a41.53,41.53,0,0,0-.77-7.67m-9,79.16a23.58,23.58,0,0,1-.66-3.11,11.79,11.79,0,0,1-9.12,3.78c-6.55,0-10.72-3.95-10.72-9.23,0-5.05,4.33-9,11.89-9a12.82,12.82,0,0,1,7.78,2.23v-2.73c0-2.83-2.44-4.11-5.72-4.11a24.55,24.55,0,0,0-9.78,2.56l-2.28-5.51a30.59,30.59,0,0,1,12.67-2.88c6.22,0,12.5,2.11,12.5,8.22v14.5a17.39,17.39,0,0,0,.78,5.28ZM307.9,342.85V324.62h7.44v17.95c0,2.11,1.84,3.78,4.5,3.78s4.67-1.72,6.23-3.5V324.62h7.39v19.45a40.89,40.89,0,0,0,.66,7.67h-6.89c-.16-.95-.27-2.45-.33-3.5a11.64,11.64,0,0,1-9.11,4.39,9.64,9.64,0,0,1-9.89-9.78m-.58,49.21H286.7a7.43,7.43,0,0,0,7.84,6.61,14.82,14.82,0,0,0,8.33-2.78l3.5,4.72a22.24,22.24,0,0,1-12.78,4c-9.17,0-14.17-6.55-14.17-14.17,0-8.22,6-14.66,14.39-14.66,6.62,0,13.62,4,13.62,14,0,.44,0,1-.11,2.28m-52.09-68.32c6.17,0,10.34,4.11,10.34,9.77v18.23h-7.45V333.79c0-2.05-1.89-3.78-4.56-3.78s-4.89,1.83-6.16,3.5v18.23H240v-38.9h7.39v14.62a11.15,11.15,0,0,1,7.83-3.72m12.08,80h-7.05l-4.73-16.62h-.33l-4.78,16.62h-7l-8.61-27.12h7.78L246.92,394h.34l4.89-17.34h6.72L263.76,394h.33l4.22-17.34h7.62Zm-125.38-104A158.06,158.06,0,1,0,300,141.74a158.05,158.05,0,0,0-158,158.05" transform="translate(-36.96 -37.47)" /> </g> </svg>
Your path is quite irregular, but the radius of your shape is about 244 units. Therefore, its total length is about 1533 units. You can use a circle for the mask if you want to keep it simpler. If you do that, you need to rotate it so that it starts where you want it to: <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 526.04 526.04"> <defs> <style> .cls-1 { fill: #2b2b2a; } .circular-chart { position: absolute; max-width: 50%; } .circle { stroke: #D8D9DB; fill: none; stroke-width: 115.8; stroke-linecap: round; animation: progress 3s infinite; } #keyframes progress { 0% { stroke-dasharray: 0 1533; } 99% { stroke-dasharray: 1533 0; } } </style> </defs> <defs> <mask id="theMask"> <circle class="circle" cx="264" cy="264" r="244" transform="rotate(95, 264, 264)" /> </mask> </defs> <g mask="url(#theMask)"> <path id="arrow" class="cls-1" d="M435.11,526.36c96-59.59,143.45-166.26,123.34-275.42A262.66,262.66,0,0,0,364.66,44.26C280.39,22.94,178.69,54.6,128.05,101a4.86,4.86,0,0,0-.34,6.82l23.48,26.35a4.85,4.85,0,0,0,6.77.47c67.72-57.58,160.31-70.32,241.31-28.73,72.94,37.45,123.45,114.77,117.82,208.36-2.56,42.57-16.94,81.35-42.64,115.65a214.39,214.39,0,0,1-60.65,55.55,4.87,4.87,0,0,1-6.8-1.84l-9.51-17.43a4.87,4.87,0,0,0-8.34-.34l-43.29,66.24a4.87,4.87,0,0,0,2.95,7.39c30.19,7.22,59.83,14.62,90.17,21.55a4.87,4.87,0,0,0,5.37-7c-3.9-7.34-7.68-14.34-11.06-21.44a4.87,4.87,0,0,1,1.82-6.22" transform="translate(-36.96 -37.47)" /> <path id="dash-5" class="cls-1" d="M47.48,244.37l33.77,9.26a4.86,4.86,0,0,0,5.9-3.15c4.28-12.74,8-25.38,13.25-37.36,5.4-12.36,12.29-24.07,18.82-36.14a4.86,4.86,0,0,0-1.48-6.27q-12.54-8.86-25-17.67c-1.16-.82-2.32-1.62-3.56-2.45a4.87,4.87,0,0,0-6.71,1.22C64,178,51.8,207.89,44.35,235.87a16.33,16.33,0,0,0-.45,3.72,4.86,4.86,0,0,0,3.58,4.78" transform="translate(-36.96 -37.47)" /> <path id="dash-4" class="cls-1" d="M100.32,387.08a4.84,4.84,0,0,0-7.23-2l-29.42,20.6a4.87,4.87,0,0,0-1.73,5.79c6.94,17.35,24.14,44.47,34.44,54.79a4.85,4.85,0,0,0,6.62.24l26.76-23.23a4.85,4.85,0,0,0,.6-6.72,213.18,213.18,0,0,1-30-49.45" transform="translate(-36.96 -37.47)" /> <path id="dash-3" class="cls-1" d="M87.53,348c-3.72-16.86-5.28-33.78-5.81-50.93a4.86,4.86,0,0,0-4.61-4.7l-34.9-1.74a4.86,4.86,0,0,0-5.1,4.7A233,233,0,0,0,45.26,366,4.87,4.87,0,0,0,52,369.09l32.83-15.64A4.85,4.85,0,0,0,87.53,348" transform="translate(-36.96 -37.47)" /> <path id="dash-2" class="cls-1" d="M217.77,502.08a221,221,0,0,1-45.32-25.37,4.85,4.85,0,0,0-6.8,1.09l-20.9,29.09a4.88,4.88,0,0,0,1.06,6.76,258.87,258.87,0,0,0,54.73,30.46,4.87,4.87,0,0,0,6.38-2.65l13.49-33.05a4.87,4.87,0,0,0-2.64-6.33" transform="translate(-36.96 -37.47)" /> <path id="dash-1" class="cls-1" d="M310.06,522.28a4.88,4.88,0,0,0-4.25-3.34l-39.25-3.1a4.85,4.85,0,0,0-5.16,4L255,554.57a4.86,4.86,0,0,0,3.77,5.65c19.51,4,38.26,3.43,57.65,3.07a4.87,4.87,0,0,0,4.59-6.21c-3.52-12.2-7.28-23.64-10.91-34.8" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M293.57,381.07c-3.94,0-6.05,2.61-6.88,5.67h13.05c-.05-3.83-3.33-5.67-6.17-5.67" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M329.72,284.23c9.77,0,16.58-6.17,16.58-12.59,0-4.5-4-10-14.91-10-9.12,0-17.73,3.72-24.15,7.45,3.34,9.76,12.33,15.16,22.48,15.16" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M319.08,394.85c0,2.28,1.83,3.78,4.94,3.78a10.87,10.87,0,0,0,7.33-3V393a10.09,10.09,0,0,0-6.27-1.94c-4.39,0-6,1.72-6,3.77" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M286.65,346.46c4.62,0,7.28-3.89,7.28-8.39s-2.66-8.17-7.28-8.17-7.11,3.73-7.11,8.17,2.61,8.39,7.11,8.39" transform="translate(-36.96 -37.47)" /> <path class="cls-1" d="M255.21,223.2H271v73h-17.6v-56.4l-16.83,7.32L232.85,233Zm31.46,100.54c8.84,0,14.84,6.27,14.84,14.33s-6,14.5-14.84,14.5S272,346.13,272,338.07s5.95-14.33,14.72-14.33m45.11-103c13,0,23,4.24,28.27,6.55l-7.84,12.21A48.39,48.39,0,0,0,332,235.15c-13.36,0-25.31,8.48-26.21,23.51,6.94-5.4,16.19-10.41,28-10.41,19.91,0,29.93,11.95,29.93,23.39,0,15.16-14,27-33.92,27-20.68,0-40.6-12.85-40.6-37.65,0-25.31,20.3-40.21,42.53-40.21M363.1,383.67a12.89,12.89,0,0,0-3.67-.78c-1.95,0-3.17,1.5-4.67,3.44v17.45h-7.44V384.33a41.62,41.62,0,0,0-.78-7.67h6.78a40.36,40.36,0,0,1,.55,4.06c1.67-2.78,3.61-4.94,7.12-4.94a7.69,7.69,0,0,1,4.16,1.11Zm-21.75-59.05h6.77a37.57,37.57,0,0,1,.56,4.06c1.67-2.78,3.61-4.94,7.11-4.94a7.72,7.72,0,0,1,4.17,1.11l-2.06,6.78a12.82,12.82,0,0,0-3.66-.78c-1.95,0-3.17,1.5-4.67,3.44v17.45h-7.45V332.29a41.53,41.53,0,0,0-.77-7.67m-9,79.16a23.58,23.58,0,0,1-.66-3.11,11.79,11.79,0,0,1-9.12,3.78c-6.55,0-10.72-3.95-10.72-9.23,0-5.05,4.33-9,11.89-9a12.82,12.82,0,0,1,7.78,2.23v-2.73c0-2.83-2.44-4.11-5.72-4.11a24.55,24.55,0,0,0-9.78,2.56l-2.28-5.51a30.59,30.59,0,0,1,12.67-2.88c6.22,0,12.5,2.11,12.5,8.22v14.5a17.39,17.39,0,0,0,.78,5.28ZM307.9,342.85V324.62h7.44v17.95c0,2.11,1.84,3.78,4.5,3.78s4.67-1.72,6.23-3.5V324.62h7.39v19.45a40.89,40.89,0,0,0,.66,7.67h-6.89c-.16-.95-.27-2.45-.33-3.5a11.64,11.64,0,0,1-9.11,4.39,9.64,9.64,0,0,1-9.89-9.78m-.58,49.21H286.7a7.43,7.43,0,0,0,7.84,6.61,14.82,14.82,0,0,0,8.33-2.78l3.5,4.72a22.24,22.24,0,0,1-12.78,4c-9.17,0-14.17-6.55-14.17-14.17,0-8.22,6-14.66,14.39-14.66,6.62,0,13.62,4,13.62,14,0,.44,0,1-.11,2.28m-52.09-68.32c6.17,0,10.34,4.11,10.34,9.77v18.23h-7.45V333.79c0-2.05-1.89-3.78-4.56-3.78s-4.89,1.83-6.16,3.5v18.23H240v-38.9h7.39v14.62a11.15,11.15,0,0,1,7.83-3.72m12.08,80h-7.05l-4.73-16.62h-.33l-4.78,16.62h-7l-8.61-27.12h7.78L246.92,394h.34l4.89-17.34h6.72L263.76,394h.33l4.22-17.34h7.62Zm-125.38-104A158.06,158.06,0,1,0,300,141.74a158.05,158.05,0,0,0-158,158.05" transform="translate(-36.96 -37.47)" /> </g> </svg>
Try #keyframes progress { 0% { stroke-dasharray: 0 1000; } 99% { stroke-dasharray: 1000 0; } } The number 1000 refers to the length of the path, not the percent filled, so you want it to equal the length of your circle. When you have a value of 100 it creates dashes every 100 units.
If I understand correctly, you want to make an arrow animation along with a growing line from zero to maximum length. To implement this idea, you can combine two animations: The first is an animation of line growth from zero to maximum by changing the stroke dash from zero to maximum. <!-- Circle drawing animation from zero to 100% --> <animate attributeName="stroke-dasharray" begin="svg1.click" dur="8s" values="0 1508; 1508 0" fill="freeze" /> Animation starts after clicking on the SVG canvas. <svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-name="Layer 1" width="50%" height="50%" viewBox="0 0 526 526" version="1.1" style="border:1px solid gray"> <defs> <style> .cls-1 { fill: #2b2b2a; } .circle { fill: none; stroke: #2B2B2A; stroke-width: 26; stroke-linecap: round; stroke-dasharray: 0,1508; } .circle_trace { fill: none; stroke: #EDEDED; stroke-width: 26; } </style> </defs> <g id="logo"> <path class="cls-1" d="M293.6 381.1c-3.9 0-6 2.6-6.9 5.7h13.1c0-3.8-3.3-5.7-6.2-5.7" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M329.7 284.2c9.8 0 16.6-6.2 16.6-12.6 0-4.5-4-10-14.9-10-9.1 0-17.7 3.7-24.1 7.5 3.3 9.8 12.3 15.2 22.5 15.2" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M319.1 394.9c0 2.3 1.8 3.8 4.9 3.8a10.9 10.9 0 0 0 7.3-3V393a10.1 10.1 0 0 0-6.3-1.9c-4.4 0-6 1.7-6 3.8" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M286.7 346.5c4.6 0 7.3-3.9 7.3-8.4s-2.7-8.2-7.3-8.2-7.1 3.7-7.1 8.2 2.6 8.4 7.1 8.4" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M255.2 223.2H271v73h-17.6v-56.4l-16.8 7.3L232.9 233Zm31.5 100.5c8.8 0 14.8 6.3 14.8 14.3s-6 14.5-14.8 14.5S272 346.1 272 338.1s6-14.3 14.7-14.3m45.1-103c13 0 23 4.2 28.3 6.6l-7.8 12.2A48.4 48.4 0 0 0 332 235.2c-13.4 0-25.3 8.5-26.2 23.5 6.9-5.4 16.2-10.4 28-10.4 19.9 0 29.9 12 29.9 23.4 0 15.2-14 27-33.9 27-20.7 0-40.6-12.8-40.6-37.6 0-25.3 20.3-40.2 42.5-40.2M363.1 383.7a12.9 12.9 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V384.3a41.6 41.6 0 0 0-0.8-7.7h6.8a40.4 40.4 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1Zm-21.7-59h6.8a37.6 37.6 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1l-2.1 6.8a12.8 12.8 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V332.3a41.5 41.5 0 0 0-0.8-7.7m-9 79.2a23.6 23.6 0 0 1-0.7-3.1 11.8 11.8 0 0 1-9.1 3.8c-6.5 0-10.7-3.9-10.7-9.2 0-5 4.3-9 11.9-9a12.8 12.8 0 0 1 7.8 2.2v-2.7c0-2.8-2.4-4.1-5.7-4.1a24.6 24.6 0 0 0-9.8 2.6l-2.3-5.5a30.6 30.6 0 0 1 12.7-2.9c6.2 0 12.5 2.1 12.5 8.2v14.5a17.4 17.4 0 0 0 0.8 5.3ZM307.9 342.9V324.6h7.4v18c0 2.1 1.8 3.8 4.5 3.8s4.7-1.7 6.2-3.5V324.6h7.4v19.5a40.9 40.9 0 0 0 0.7 7.7h-6.9c-0.2-0.9-0.3-2.4-0.3-3.5a11.6 11.6 0 0 1-9.1 4.4 9.6 9.6 0 0 1-9.9-9.8m-0.6 49.2H286.7a7.4 7.4 0 0 0 7.8 6.6 14.8 14.8 0 0 0 8.3-2.8l3.5 4.7a22.2 22.2 0 0 1-12.8 4c-9.2 0-14.2-6.5-14.2-14.2 0-8.2 6-14.7 14.4-14.7 6.6 0 13.6 4 13.6 14 0 0.4 0 1-0.1 2.3m-52.1-68.3c6.2 0 10.3 4.1 10.3 9.8v18.2h-7.4V333.8c0-2-1.9-3.8-4.6-3.8s-4.9 1.8-6.2 3.5v18.2H240v-38.9h7.4v14.6a11.2 11.2 0 0 1 7.8-3.7m12.1 80h-7l-4.7-16.6h-0.3l-4.8 16.6h-7l-8.6-27.1h7.8L246.9 394h0.3l4.9-17.3h6.7L263.8 394h0.3l4.2-17.3h7.6Zm-125.4-104A158.1 158.1 0 1 0 300 141.7a158.1 158.1 0 0 0-158 158.1" transform="translate(-36.96 -37.47)"/> </g> <!-- Circle trace --> <path class="circle_trace" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"/> <!-- Circle --> <path id="circ" class="circle" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"> <!-- Circle drawing animation from zero to 100% --> <animate attributeName="stroke-dasharray" begin="svg1.click" dur="5s" values="0 1508; 1508 0" fill="freeze" /> </path> </svg> The second animation is the movement of the arrow in a circle using the command animateMotion <animateMotion id="an" dur="5s" repeatCount="indefinite" rotate="auto-reverse" begin="svg1.click" fill="freeze" restart="whenNotActive"> <mpath xlink:href="#circ"/> </animateMotion> <svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-name="Layer 1" width="50%" height="50%" viewBox="0 0 526 526" version="1.1" style="border:1px solid gray"> <defs> <style> .cls-1 { fill: #2b2b2a; } .circle { fill: none; stroke: #2B2B2A; stroke-width: 26; stroke-dasharray: 0,1508; } .circle_trace { fill: none; stroke: #EDEDED; stroke-width: 26; } </style> </defs> <g id="logo"> <path class="cls-1" d="M293.6 381.1c-3.9 0-6 2.6-6.9 5.7h13.1c0-3.8-3.3-5.7-6.2-5.7" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M329.7 284.2c9.8 0 16.6-6.2 16.6-12.6 0-4.5-4-10-14.9-10-9.1 0-17.7 3.7-24.1 7.5 3.3 9.8 12.3 15.2 22.5 15.2" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M319.1 394.9c0 2.3 1.8 3.8 4.9 3.8a10.9 10.9 0 0 0 7.3-3V393a10.1 10.1 0 0 0-6.3-1.9c-4.4 0-6 1.7-6 3.8" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M286.7 346.5c4.6 0 7.3-3.9 7.3-8.4s-2.7-8.2-7.3-8.2-7.1 3.7-7.1 8.2 2.6 8.4 7.1 8.4" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M255.2 223.2H271v73h-17.6v-56.4l-16.8 7.3L232.9 233Zm31.5 100.5c8.8 0 14.8 6.3 14.8 14.3s-6 14.5-14.8 14.5S272 346.1 272 338.1s6-14.3 14.7-14.3m45.1-103c13 0 23 4.2 28.3 6.6l-7.8 12.2A48.4 48.4 0 0 0 332 235.2c-13.4 0-25.3 8.5-26.2 23.5 6.9-5.4 16.2-10.4 28-10.4 19.9 0 29.9 12 29.9 23.4 0 15.2-14 27-33.9 27-20.7 0-40.6-12.8-40.6-37.6 0-25.3 20.3-40.2 42.5-40.2M363.1 383.7a12.9 12.9 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V384.3a41.6 41.6 0 0 0-0.8-7.7h6.8a40.4 40.4 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1Zm-21.7-59h6.8a37.6 37.6 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1l-2.1 6.8a12.8 12.8 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V332.3a41.5 41.5 0 0 0-0.8-7.7m-9 79.2a23.6 23.6 0 0 1-0.7-3.1 11.8 11.8 0 0 1-9.1 3.8c-6.5 0-10.7-3.9-10.7-9.2 0-5 4.3-9 11.9-9a12.8 12.8 0 0 1 7.8 2.2v-2.7c0-2.8-2.4-4.1-5.7-4.1a24.6 24.6 0 0 0-9.8 2.6l-2.3-5.5a30.6 30.6 0 0 1 12.7-2.9c6.2 0 12.5 2.1 12.5 8.2v14.5a17.4 17.4 0 0 0 0.8 5.3ZM307.9 342.9V324.6h7.4v18c0 2.1 1.8 3.8 4.5 3.8s4.7-1.7 6.2-3.5V324.6h7.4v19.5a40.9 40.9 0 0 0 0.7 7.7h-6.9c-0.2-0.9-0.3-2.4-0.3-3.5a11.6 11.6 0 0 1-9.1 4.4 9.6 9.6 0 0 1-9.9-9.8m-0.6 49.2H286.7a7.4 7.4 0 0 0 7.8 6.6 14.8 14.8 0 0 0 8.3-2.8l3.5 4.7a22.2 22.2 0 0 1-12.8 4c-9.2 0-14.2-6.5-14.2-14.2 0-8.2 6-14.7 14.4-14.7 6.6 0 13.6 4 13.6 14 0 0.4 0 1-0.1 2.3m-52.1-68.3c6.2 0 10.3 4.1 10.3 9.8v18.2h-7.4V333.8c0-2-1.9-3.8-4.6-3.8s-4.9 1.8-6.2 3.5v18.2H240v-38.9h7.4v14.6a11.2 11.2 0 0 1 7.8-3.7m12.1 80h-7l-4.7-16.6h-0.3l-4.8 16.6h-7l-8.6-27.1h7.8L246.9 394h0.3l4.9-17.3h6.7L263.8 394h0.3l4.2-17.3h7.6Zm-125.4-104A158.1 158.1 0 1 0 300 141.7a158.1 158.1 0 0 0-158 158.1" transform="translate(-36.96 -37.47)"/> </g> <!-- Circle trace --> <path class="circle_trace" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"/> <!-- Circle --> <path id="circ" class="circle" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"/> <!-- the Arrow --> <polyline id="pol" transform="translate(7 -25) rotate(90)" fill-opacity="1" points="0,0 25,43.3 50,0" fill="#2B2B2A" > <!-- Arrow motion animation --> <animateMotion id="an" dur="5s" repeatCount="indefinite" rotate="auto-reverse" begin="svg1.click" fill="freeze" restart="whenNotActive"> <mpath xlink:href="#circ"/> </animateMotion> </polyline> </svg> We combine two animations by setting the same start time for both animations and the same execution time <svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-name="Layer 1" width="50%" height="50%" viewBox="0 0 526 526" version="1.1" style="border:1px solid gray"> <defs> <style> .cls-1 { fill: #2b2b2a; } .circle { fill: none; stroke: #2B2B2A; stroke-width: 26; stroke-dasharray: 0,1508; } .circle_trace { fill: none; stroke: #EDEDED; stroke-width: 26; } </style> </defs> <g id="logo"> <path class="cls-1" d="M293.6 381.1c-3.9 0-6 2.6-6.9 5.7h13.1c0-3.8-3.3-5.7-6.2-5.7" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M329.7 284.2c9.8 0 16.6-6.2 16.6-12.6 0-4.5-4-10-14.9-10-9.1 0-17.7 3.7-24.1 7.5 3.3 9.8 12.3 15.2 22.5 15.2" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M319.1 394.9c0 2.3 1.8 3.8 4.9 3.8a10.9 10.9 0 0 0 7.3-3V393a10.1 10.1 0 0 0-6.3-1.9c-4.4 0-6 1.7-6 3.8" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M286.7 346.5c4.6 0 7.3-3.9 7.3-8.4s-2.7-8.2-7.3-8.2-7.1 3.7-7.1 8.2 2.6 8.4 7.1 8.4" transform="translate(-36.96 -37.47)"/> <path class="cls-1" d="M255.2 223.2H271v73h-17.6v-56.4l-16.8 7.3L232.9 233Zm31.5 100.5c8.8 0 14.8 6.3 14.8 14.3s-6 14.5-14.8 14.5S272 346.1 272 338.1s6-14.3 14.7-14.3m45.1-103c13 0 23 4.2 28.3 6.6l-7.8 12.2A48.4 48.4 0 0 0 332 235.2c-13.4 0-25.3 8.5-26.2 23.5 6.9-5.4 16.2-10.4 28-10.4 19.9 0 29.9 12 29.9 23.4 0 15.2-14 27-33.9 27-20.7 0-40.6-12.8-40.6-37.6 0-25.3 20.3-40.2 42.5-40.2M363.1 383.7a12.9 12.9 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V384.3a41.6 41.6 0 0 0-0.8-7.7h6.8a40.4 40.4 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1Zm-21.7-59h6.8a37.6 37.6 0 0 1 0.6 4.1c1.7-2.8 3.6-4.9 7.1-4.9a7.7 7.7 0 0 1 4.2 1.1l-2.1 6.8a12.8 12.8 0 0 0-3.7-0.8c-1.9 0-3.2 1.5-4.7 3.4v17.5h-7.4V332.3a41.5 41.5 0 0 0-0.8-7.7m-9 79.2a23.6 23.6 0 0 1-0.7-3.1 11.8 11.8 0 0 1-9.1 3.8c-6.5 0-10.7-3.9-10.7-9.2 0-5 4.3-9 11.9-9a12.8 12.8 0 0 1 7.8 2.2v-2.7c0-2.8-2.4-4.1-5.7-4.1a24.6 24.6 0 0 0-9.8 2.6l-2.3-5.5a30.6 30.6 0 0 1 12.7-2.9c6.2 0 12.5 2.1 12.5 8.2v14.5a17.4 17.4 0 0 0 0.8 5.3ZM307.9 342.9V324.6h7.4v18c0 2.1 1.8 3.8 4.5 3.8s4.7-1.7 6.2-3.5V324.6h7.4v19.5a40.9 40.9 0 0 0 0.7 7.7h-6.9c-0.2-0.9-0.3-2.4-0.3-3.5a11.6 11.6 0 0 1-9.1 4.4 9.6 9.6 0 0 1-9.9-9.8m-0.6 49.2H286.7a7.4 7.4 0 0 0 7.8 6.6 14.8 14.8 0 0 0 8.3-2.8l3.5 4.7a22.2 22.2 0 0 1-12.8 4c-9.2 0-14.2-6.5-14.2-14.2 0-8.2 6-14.7 14.4-14.7 6.6 0 13.6 4 13.6 14 0 0.4 0 1-0.1 2.3m-52.1-68.3c6.2 0 10.3 4.1 10.3 9.8v18.2h-7.4V333.8c0-2-1.9-3.8-4.6-3.8s-4.9 1.8-6.2 3.5v18.2H240v-38.9h7.4v14.6a11.2 11.2 0 0 1 7.8-3.7m12.1 80h-7l-4.7-16.6h-0.3l-4.8 16.6h-7l-8.6-27.1h7.8L246.9 394h0.3l4.9-17.3h6.7L263.8 394h0.3l4.2-17.3h7.6Zm-125.4-104A158.1 158.1 0 1 0 300 141.7a158.1 158.1 0 0 0-158 158.1" transform="translate(-36.96 -37.47)"/> </g> <!-- Circle trace --> <path class="circle_trace" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"/> <!-- Circle --> <path id="circ" class="circle" d="M502.7 262.8A239.6 240.3 0 0 1 263.2 503.1 239.6 240.3 0 0 1 23.6 262.8 239.6 240.3 0 0 1 263.2 22.5 239.6 240.3 0 0 1 502.7 262.8Z"> <!-- Circle drawing animation from zero to 100% --> <animate attributeName="stroke-dasharray" begin="svg1.click" dur="8s" values="0 1508; 1508 0" fill="freeze" /> </path> <!-- the Arrow --> <polyline id="pol" transform="translate(7 -25) rotate(90)" fill-opacity="1" points="0,0 25,43.3 50,0" fill="#2B2B2A" > <!-- Arrow motion animation --> <animateMotion id="an" dur="8s" repeatCount="1" rotate="auto-reverse" begin="svg1.click" fill="freeze" restart="whenNotActive"> <mpath xlink:href="#circ"/> </animateMotion> <!-- Arrow disappearance animation --> <set attributeName="fill-opacity" to="0" begin="an.end" /> </polyline> </svg>
SVG stroke-width not working
How to make the SVG shape outline thicker / thinner. I am trying to implement the stroke-width property, but it is ignored by SVG. <svg xmlns="http://www.w3.org/2000/svg" width="475.07" height="475.07" viewBox="0 0 475.075 475.075" fill="#FFF"> <path stroke-width="10" d="M475.07 186.57c0-7.04-5.32-11.42-16-13.13l-143.3-20.84-64.24-129.9c-3.62-7.8-8.28-11.7-14-11.7-5.7 0-10.36 3.9-13.98 11.7L159.3 152.6 16 173.44c-10.67 1.7-16 6.1-16 13.13 0 4 2.38 8.57 7.14 13.7l103.92 101.08L86.5 444.1c-.37 2.66-.56 4.57-.56 5.7 0 4 1 7.38 3 10.14 2 2.77 5 4.15 9 4.15 3.42 0 7.22-1.15 11.4-3.44l128.2-67.38 128.2 67.38c4 2.28 7.8 3.43 11.4 3.43 7.82 0 11.72-4.76 11.72-14.28 0-2.48-.1-4.38-.3-5.72l-24.54-142.74L467.66 200.3c4.94-4.97 7.4-9.54 7.4-13.73zM324.63 288.5l20.55 120.2-107.63-56.82L129.6 408.7l20.86-120.2-87.37-84.8L183.57 186l53.95-109.06L291.5 186 412 203.7l-87.38 84.8z"/> </svg> JSFiddle
You need to set a stroke in order for stroke-width to have an effect. stroke="black" for instance. <svg xmlns="http://www.w3.org/2000/svg" width="475.07" height="475.07" viewBox="0 0 475.075 475.075" fill="#FFF"> <path stroke="black" stroke-width="10" d="M475.07 186.57c0-7.04-5.32-11.42-16-13.13l-143.3-20.84-64.24-129.9c-3.62-7.8-8.28-11.7-14-11.7-5.7 0-10.36 3.9-13.98 11.7L159.3 152.6 16 173.44c-10.67 1.7-16 6.1-16 13.13 0 4 2.38 8.57 7.14 13.7l103.92 101.08L86.5 444.1c-.37 2.66-.56 4.57-.56 5.7 0 4 1 7.38 3 10.14 2 2.77 5 4.15 9 4.15 3.42 0 7.22-1.15 11.4-3.44l128.2-67.38 128.2 67.38c4 2.28 7.8 3.43 11.4 3.43 7.82 0 11.72-4.76 11.72-14.28 0-2.48-.1-4.38-.3-5.72l-24.54-142.74L467.66 200.3c4.94-4.97 7.4-9.54 7.4-13.73zM324.63 288.5l20.55 120.2-107.63-56.82L129.6 408.7l20.86-120.2-87.37-84.8L183.57 186l53.95-109.06L291.5 186 412 203.7l-87.38 84.8z"/> </svg>
How to aggregate a monthly series (dfm) into a yearly (ts) for plotting purposes?
I am learning time series from the book by Cowpertwait and Metcalfe,"Introductory Time series with R". Here is the ebook link: http://unalmed.edu.co/~ndgirald/Archivos%20Lectura/Archivos%20curso%20Series%20EIO/notas%20series%20en%20r%20couperwait.pdf I followed the book code on page 20 to convert a dataframe of 12 columns into a time series, aggregate the months global temperature into yearly, and then plot it, but it's not working Here is the error I got: Error in plotts(x = x, y = y, plot.type = plot.type, xy.labels = xy.labels, : cannot plot more than 10 series as "multiple" Here is the code from the book, I have also included the dataset from their website global<-read.table("Chapter01global.txt",header=F) global.ts = ts(global, st=c(1856,1), end=c(2005,12), fr=12) global.annual = aggregate(global.ts, FUN=mean) plot(global.ts); plot(global.annual) Here is what I don't understand: dim(global) is 150 12, but dim(global.ts) is 1800 12. Shouldn't it be the same dimension? Then dim(global.annual) is 150 12. Shouldn't it be 150 1, since the mean is taken over all the months. Also, I am assuming each columns is global temperatures for each months, since there are 150 rows,which corresponds to the numbers of years from 1856 to 2005. Does anyone know how to fix the code? Thaks Here is the dataset: -0.384 -0.457 -0.673 -0.344 -0.311 -0.071 -0.246 -0.235 -0.380 -0.418 -0.670 -0.386 -0.437 -0.150 -0.528 -0.692 -0.629 -0.363 -0.375 -0.328 -0.495 -0.646 -0.754 -0.137 -0.452 -1.031 -0.643 -0.328 -0.311 -0.263 -0.248 -0.274 -0.203 -0.121 -0.913 -0.197 -0.249 -0.041 -0.082 -0.172 -0.085 -0.278 -0.220 -0.132 -0.436 -0.234 -0.288 -0.486 -0.070 -0.526 -0.599 -0.420 -0.273 -0.063 -0.182 -0.256 -0.213 -0.326 -0.696 -0.813 -0.858 -0.415 -0.431 -0.443 -0.735 -0.169 -0.227 -0.131 -0.377 -0.375 -0.434 -0.209 -0.711 -0.817 -0.435 -0.232 -0.194 -0.322 -0.466 -0.623 -0.345 -0.382 -0.932 -0.768 0.263 -0.063 -0.379 -0.187 -0.320 -0.365 -0.510 -0.359 -0.291 -0.431 -0.362 -0.276 -0.834 -0.604 -0.516 -0.482 -0.399 -0.200 -0.138 -0.332 -0.394 -0.711 -0.507 -0.587 -0.125 -0.615 -0.597 -0.135 -0.152 -0.227 -0.153 -0.267 0.002 -0.358 -0.200 -0.324 0.095 -0.173 -0.396 -0.119 -0.533 0.078 -0.089 -0.282 -0.224 -0.364 -0.294 -0.368 -0.306 0.087 -0.665 -0.235 -0.452 -0.316 -0.267 -0.218 -0.073 -0.177 -0.317 -0.540 -0.718 -0.382 0.004 -0.281 -0.029 -0.113 0.067 -0.135 -0.234 -0.247 -0.517 -0.098 -0.159 0.241 -0.602 -0.232 -0.210 -0.372 -0.295 -0.228 -0.252 -0.581 -0.489 -0.487 -0.072 -0.462 -0.426 -0.246 -0.260 -0.242 -0.110 -0.216 -0.248 -0.352 -0.133 -0.729 -0.349 -0.528 -0.058 -0.157 -0.215 -0.216 -0.129 -0.218 -0.437 -0.505 -0.613 -0.643 -0.378 -0.385 -0.469 -0.163 -0.109 -0.117 -0.206 -0.146 -0.171 -0.269 -0.359 -0.385 -0.090 -0.397 -0.365 -0.414 -0.433 -0.187 -0.138 -0.183 -0.302 -0.541 -0.508 -0.397 -0.033 -0.407 -0.569 -0.573 -0.470 -0.300 -0.111 -0.342 -0.248 -0.476 -0.564 -0.425 -0.665 -0.673 -0.561 -0.457 -0.099 -0.162 -0.330 -0.233 -0.390 -0.463 -0.533 -0.493 -0.320 -0.361 -0.451 -0.407 -0.548 -0.387 -0.272 -0.239 -0.456 -0.465 -0.739 -0.812 -0.401 -0.085 -0.310 -0.442 -0.530 -0.155 -0.136 -0.165 -0.121 -0.157 -0.186 0.142 0.009 0.204 0.341 0.159 -0.125 -0.066 -0.134 -0.116 -0.113 -0.169 -0.274 -0.430 -0.244 -0.254 -0.145 -0.330 -0.279 -0.222 -0.166 -0.298 -0.220 -0.217 -0.537 -0.555 -0.108 -0.264 -0.300 -0.217 -0.334 -0.382 -0.280 -0.112 -0.274 -0.434 -0.557 -0.280 -0.506 -0.354 -0.231 -0.174 -0.020 -0.211 -0.029 -0.104 -0.221 -0.351 -0.497 -0.246 -0.070 -0.123 -0.070 -0.276 -0.266 -0.321 -0.221 -0.166 -0.252 -0.365 -0.489 -0.530 -0.480 -0.382 -0.437 -0.327 -0.317 -0.043 -0.146 -0.241 -0.335 -0.435 -0.348 -0.315 -0.402 -0.300 -0.362 -0.444 -0.345 -0.344 -0.243 -0.198 -0.290 -0.300 -0.559 -0.384 -0.551 -0.481 -0.343 -0.426 -0.386 -0.432 -0.268 -0.301 -0.241 -0.309 -0.311 -0.150 -0.340 -0.490 -0.339 -0.140 -0.061 -0.236 -0.138 -0.134 -0.202 -0.341 -0.362 -0.290 -0.439 -0.483 -0.363 -0.426 -0.262 -0.302 -0.151 -0.278 -0.259 -0.465 -0.365 -0.357 -0.629 -0.512 -0.556 -0.281 -0.301 -0.234 -0.265 -0.260 -0.139 -0.114 -0.218 -0.234 -0.195 -0.144 -0.142 -0.120 -0.036 -0.088 -0.200 -0.266 -0.270 -0.351 -0.436 -0.185 -0.347 -0.308 -0.334 -0.315 -0.454 -0.398 -0.406 -0.406 -0.466 -0.472 -0.596 -0.423 -0.583 -0.555 -0.422 -0.364 -0.256 -0.285 -0.312 -0.258 -0.167 -0.319 -0.537 -0.163 -0.477 -0.099 -0.453 -0.481 -0.407 -0.250 -0.397 -0.351 -0.232 -0.439 -0.571 -0.746 -1.032 -0.803 -0.386 -0.538 -0.518 -0.342 -0.185 -0.314 -0.300 -0.259 -0.368 -0.329 -0.422 -0.333 -0.370 -0.407 -0.435 -0.467 -0.342 -0.358 -0.500 -0.417 -0.474 -0.408 -0.567 -0.688 -0.465 -0.356 -0.353 -0.291 -0.384 -0.257 -0.205 -0.245 -0.274 -0.267 -0.241 -0.200 -0.412 -0.358 -0.096 -0.133 -0.145 -0.148 -0.155 -0.099 -0.311 -0.091 -0.290 -0.168 -0.323 -0.095 -0.011 -0.076 -0.111 -0.119 -0.105 -0.149 -0.414 -0.350 -0.053 -0.297 -0.770 -0.396 -0.398 -0.205 -0.269 -0.255 -0.258 -0.446 -0.461 -0.265 -0.247 -0.505 -0.518 -0.294 -0.250 -0.291 -0.173 -0.151 -0.115 -0.135 0.054 -0.404 -0.302 -0.269 -0.339 -0.250 -0.159 -0.067 -0.153 -0.173 -0.140 -0.038 -0.312 -0.089 -0.134 -0.255 -0.256 -0.144 -0.178 -0.149 -0.236 -0.238 -0.314 -0.325 -0.426 -0.436 -0.083 -0.149 -0.321 -0.423 -0.344 -0.329 -0.298 -0.353 -0.368 -0.449 -0.522 -0.544 -0.321 -0.136 -0.421 -0.445 -0.441 -0.473 -0.459 -0.492 -0.524 -0.532 -0.533 -0.575 -0.626 -0.546 -0.649 -0.561 -0.452 -0.403 -0.416 -0.373 -0.358 -0.350 -0.266 -0.330 -0.470 -0.679 -0.503 -0.549 -0.342 -0.288 -0.280 -0.265 -0.251 -0.342 -0.238 -0.233 -0.171 -0.319 -0.375 -0.182 -0.251 -0.226 -0.308 -0.238 -0.318 -0.300 -0.503 -0.312 -0.531 -0.531 -0.426 -0.604 -0.661 -0.556 -0.478 -0.459 -0.382 -0.363 -0.595 -0.483 -0.432 -0.465 -0.635 -0.515 -0.523 -0.379 -0.387 -0.446 -0.386 -0.516 -0.571 -0.490 -0.538 -0.514 -0.635 -0.572 -0.529 -0.444 -0.493 -0.285 -0.276 -0.291 -0.287 -0.516 -0.317 -0.435 -0.441 -0.404 -0.447 -0.460 -0.331 -0.386 -0.372 -0.468 -0.585 -0.640 -0.520 -0.612 -0.643 -0.666 -0.500 -0.466 -0.383 -0.372 -0.346 -0.409 -0.352 -0.273 -0.354 -0.260 -0.457 -0.347 -0.354 -0.251 -0.414 -0.507 -0.494 -0.573 -0.461 -0.399 -0.379 -0.464 -0.602 -0.471 -0.520 -0.516 -0.370 -0.302 -0.346 -0.394 -0.230 -0.133 -0.063 -0.194 -0.330 -0.368 -0.259 -0.198 -0.183 -0.270 -0.299 -0.140 -0.328 -0.360 -0.190 -0.004 -0.408 -0.050 -0.218 -0.104 -0.032 -0.159 -0.085 -0.265 -0.169 -0.248 -0.242 -0.237 -0.529 -0.339 -0.374 -0.433 -0.300 -0.250 -0.275 -0.310 -0.510 -0.658 -0.514 -0.785 -0.788 -0.503 -0.748 -0.374 -0.252 -0.319 -0.150 -0.411 -0.353 -0.787 -0.540 -0.557 -0.537 -0.541 -0.598 -0.324 -0.393 -0.417 -0.344 -0.137 -0.231 -0.269 -0.198 -0.157 -0.355 -0.104 -0.295 -0.232 -0.254 -0.289 -0.171 -0.305 -0.634 -0.484 -0.246 -0.414 -0.196 -0.275 -0.176 -0.265 -0.333 -0.238 -0.175 -0.304 -0.412 -0.443 -0.105 -0.242 -0.221 -0.180 -0.131 -0.149 -0.116 -0.304 -0.265 -0.197 -0.438 -0.238 -0.370 -0.350 -0.336 -0.321 -0.332 -0.311 -0.285 -0.285 -0.310 -0.332 -0.299 -0.325 -0.195 -0.463 -0.354 -0.452 -0.354 -0.262 -0.382 -0.433 -0.303 -0.224 -0.061 -0.058 -0.320 -0.308 -0.320 -0.406 -0.322 -0.265 -0.274 -0.287 -0.319 -0.330 -0.391 -0.565 -0.402 -0.291 -0.256 -0.263 -0.293 -0.282 -0.265 -0.172 -0.244 -0.328 -0.151 0.015 0.085 0.055 -0.011 -0.203 -0.235 -0.142 -0.195 -0.054 -0.122 -0.082 -0.215 -0.242 -0.256 -0.108 -0.347 -0.275 -0.278 -0.190 -0.135 -0.153 -0.114 -0.075 -0.205 -0.473 -0.128 -0.214 -0.400 -0.324 -0.259 -0.280 -0.187 -0.214 -0.170 -0.172 -0.133 -0.194 -0.430 -0.687 -0.388 -0.397 -0.389 -0.344 -0.349 -0.257 -0.260 -0.143 -0.093 -0.516 -0.354 -0.207 -0.188 -0.211 -0.233 -0.127 -0.105 -0.079 -0.130 -0.119 0.026 -0.095 0.007 -0.240 -0.122 -0.161 -0.163 -0.016 0.019 -0.061 -0.097 -0.061 -0.179 -0.084 0.126 -0.234 -0.307 -0.110 -0.207 -0.139 -0.110 -0.136 -0.030 -0.083 -0.232 -0.188 -0.276 -0.320 -0.322 -0.218 -0.195 -0.159 -0.132 -0.101 -0.188 -0.147 -0.313 -0.489 -0.221 -0.151 -0.371 -0.267 -0.090 -0.034 -0.060 -0.046 -0.141 -0.073 -0.056 -0.118 -0.286 0.171 -0.204 -0.302 -0.285 -0.184 -0.123 -0.122 -0.151 -0.036 -0.311 -0.216 -0.232 -0.366 -0.239 -0.236 -0.127 -0.086 0.019 -0.014 -0.068 -0.032 -0.046 -0.006 -0.154 0.080 -0.247 -0.167 -0.056 0.019 0.030 0.108 0.130 0.088 0.013 -0.128 0.032 0.062 0.147 0.150 0.053 0.032 0.124 0.053 0.124 0.197 0.096 -0.187 -0.042 -0.030 -0.218 -0.116 -0.035 0.094 0.028 0.044 -0.113 -0.207 -0.068 0.160 -0.402 -0.183 -0.184 -0.100 -0.122 0.016 0.134 -0.070 0.033 -0.077 -0.103 0.084 -0.040 0.037 -0.114 0.089 -0.050 0.054 0.066 0.028 -0.117 0.211 0.061 0.102 0.143 -0.104 -0.039 0.006 0.007 0.044 -0.084 -0.019 0.042 -0.018 -0.060 -0.124 -0.249 0.036 -0.221 -0.020 0.071 -0.063 0.082 -0.037 0.024 0.188 0.005 0.162 0.282 0.133 0.101 0.024 0.107 0.187 0.210 0.213 0.294 0.247 0.062 -0.011 0.036 0.037 0.003 0.161 -0.100 0.004 -0.018 0.301 0.107 0.134 -0.013 -0.189 0.084 0.094 -0.196 -0.002 -0.190 -0.241 -0.105 -0.197 -0.067 -0.041 -0.127 -0.383 -0.148 -0.186 -0.097 -0.071 -0.129 -0.064 -0.094 -0.086 -0.126 0.043 -0.014 -0.236 0.018 -0.147 -0.212 -0.091 0.005 -0.019 -0.140 -0.092 -0.093 -0.033 -0.096 -0.205 0.107 -0.201 -0.187 -0.043 -0.113 -0.150 -0.110 -0.043 -0.058 -0.060 -0.084 -0.230 -0.329 -0.274 -0.157 -0.209 -0.148 -0.119 -0.139 -0.165 -0.135 -0.170 -0.403 -0.237 -0.364 -0.462 -0.270 -0.157 -0.089 -0.053 -0.018 0.044 0.091 0.092 -0.036 0.106 0.106 0.069 -0.121 0.021 -0.007 0.008 0.003 0.018 0.018 -0.056 -0.218 -0.086 0.051 0.122 0.107 0.112 0.021 0.030 -0.039 0.015 0.047 0.056 -0.071 0.068 -0.221 -0.103 -0.186 -0.212 -0.254 -0.158 -0.254 -0.146 -0.107 -0.112 -0.021 -0.247 0.053 -0.169 -0.389 -0.290 -0.219 -0.188 -0.192 -0.075 -0.103 -0.115 -0.268 -0.320 -0.239 -0.379 -0.323 -0.326 -0.323 -0.261 -0.203 -0.242 -0.268 -0.195 -0.295 -0.248 -0.154 -0.103 -0.115 -0.066 0.013 0.050 -0.019 0.061 0.027 -0.002 0.083 0.168 0.275 0.174 0.065 0.046 0.045 0.001 0.049 0.017 -0.034 0.013 0.041 0.078 0.110 0.056 0.088 0.062 -0.010 0.053 0.033 -0.011 0.032 -0.061 -0.138 -0.055 -0.020 0.158 -0.296 -0.128 -0.133 0.009 0.006 0.009 0.042 -0.006 -0.118 0.136 0.028 0.134 0.055 0.069 0.077 0.066 -0.023 0.007 -0.023 -0.079 -0.049 -0.092 0.031 0.087 0.016 -0.020 -0.067 -0.062 -0.022 -0.017 -0.004 0.033 0.024 0.027 -0.042 0.166 -0.123 -0.053 -0.040 -0.021 0.061 0.100 0.085 0.155 0.110 0.016 -0.023 -0.158 -0.277 -0.246 -0.175 -0.185 -0.172 -0.255 -0.283 -0.342 -0.297 -0.414 -0.195 -0.290 -0.244 -0.273 -0.155 -0.129 -0.217 -0.127 -0.100 -0.055 -0.148 -0.078 -0.097 -0.080 -0.066 -0.132 -0.120 0.017 0.005 -0.057 -0.018 -0.119 -0.108 -0.218 -0.172 -0.269 -0.110 -0.094 0.019 -0.125 -0.112 -0.052 -0.096 0.071 -0.107 -0.134 -0.272 -0.227 0.015 -0.192 -0.209 -0.095 -0.068 -0.055 -0.053 -0.013 -0.050 -0.093 -0.178 -0.106 0.028 0.104 0.079 0.025 0.076 0.051 0.027 0.039 0.130 0.169 0.068 0.172 -0.040 0.043 -0.042 -0.013 -0.067 -0.079 -0.051 -0.096 -0.070 -0.215 -0.078 -0.309 -0.286 -0.236 -0.232 -0.246 -0.152 -0.129 -0.126 -0.148 -0.126 -0.206 -0.350 -0.286 -0.154 -0.065 -0.038 0.022 0.013 0.069 -0.002 0.052 0.016 0.173 0.187 0.263 0.237 0.137 0.129 0.128 0.074 0.028 -0.023 0.011 -0.071 -0.070 -0.301 -0.314 -0.194 -0.169 -0.146 -0.111 -0.065 -0.073 -0.140 -0.172 -0.174 -0.218 -0.077 -0.111 -0.092 -0.091 -0.038 -0.082 -0.082 -0.120 -0.066 -0.220 -0.264 -0.281 -0.197 -0.278 -0.391 -0.153 -0.258 -0.148 -0.156 -0.165 -0.129 -0.294 -0.166 -0.092 -0.112 0.088 0.140 0.122 0.060 0.123 0.051 0.019 0.067 0.017 0.140 -0.014 0.065 0.027 0.027 -0.030 -0.114 -0.130 -0.031 -0.120 -0.045 -0.092 0.011 -0.041 0.014 -0.121 0.006 -0.042 -0.023 0.078 0.036 0.114 0.128 0.159 0.138 0.334 0.129 0.148 0.047 0.138 0.203 0.126 0.067 0.056 0.040 0.032 0.162 0.056 0.304 0.202 0.227 0.159 0.067 0.077 0.042 0.090 0.072 0.035 0.074 0.254 -0.007 -0.025 -0.104 0.030 0.051 -0.021 -0.002 -0.011 0.077 0.039 -0.012 0.209 0.373 0.334 0.247 0.188 0.173 0.198 0.207 0.235 0.211 0.114 0.276 0.113 0.130 0.047 0.106 0.037 0.115 0.018 0.061 0.095 0.036 0.012 -0.078 -0.211 0.086 -0.093 0.010 -0.015 0.052 -0.033 -0.018 0.047 0.005 0.029 -0.016 0.086 0.198 0.185 0.120 0.109 0.102 0.116 0.055 0.053 0.076 0.077 -0.029 0.084 0.189 0.339 0.070 0.182 0.199 0.219 0.330 0.270 0.330 0.264 0.252 0.418 0.427 0.297 0.373 0.316 0.248 0.251 0.200 0.220 0.166 0.185 0.038 0.143 0.061 0.159 0.155 0.131 0.107 0.148 0.208 0.206 0.198 0.225 0.132 0.243 0.237 0.283 0.534 0.355 0.282 0.271 0.253 0.291 0.218 0.351 0.360 0.260 0.301 0.385 0.220 0.376 0.296 0.341 0.289 0.222 0.210 0.173 0.107 0.095 0.349 0.306 0.245 0.143 0.144 0.130 0.020 0.035 0.004 -0.021 -0.064 0.097 0.321 0.296 0.262 0.227 0.223 0.169 0.136 0.111 0.051 0.137 0.017 0.194 0.222 -0.032 0.223 0.243 0.244 0.224 0.185 0.224 0.239 0.327 0.361 0.331 0.462 0.558 0.373 0.319 0.281 0.369 0.387 0.415 0.323 0.350 0.361 0.280 0.163 0.343 0.217 0.164 0.256 0.274 0.281 0.228 0.189 0.165 0.166 0.278 0.254 0.348 0.324 0.295 0.299 0.431 0.422 0.444 0.517 0.538 0.488 0.572 0.512 0.824 0.593 0.660 0.613 0.639 0.704 0.670 0.475 0.452 0.345 0.469 0.404 0.607 0.283 0.357 0.296 0.328 0.340 0.287 0.324 0.280 0.197 0.383 0.203 0.429 0.388 0.469 0.304 0.267 0.250 0.365 0.304 0.219 0.123 0.172 0.343 0.307 0.505 0.432 0.456 0.415 0.447 0.502 0.407 0.390 0.523 0.348 0.641 0.680 0.620 0.445 0.429 0.449 0.488 0.395 0.439 0.395 0.423 0.301 0.545 0.430 0.393 0.397 0.450 0.440 0.454 0.518 0.521 0.573 0.429 0.573 0.508 0.619 0.527 0.469 0.295 0.358 0.364 0.436 0.452 0.494 0.586 0.385 0.502 0.355 0.512 0.553 0.494 0.516 0.537 0.510 0.526 0.514 0.493 0.305
Your problem is here, where you apply ts to a data.frame resulting from read.table rather than a vector of values: global <- read.table("Chapter01global.txt",header=F) global.ts = ts(global, st=c(1856,1), end=c(2005,12), fr=12) Compare their code: www = "http://web.address.that.doesnt.work.anymore.com" global = scan(www) #Read 1800 items global.ts = ts(global, st=c(1856,1), end=c(2005,12), fr=12) Your code results in: str(global) #'data.frame': 150 obs. of 12 variables: ... Their code would result in a vector which can then be turned into a proper ts object: str(global) #num [1:1800] -0.384 -0.457 -0.673 -0.344 -...
how to apply multi-color svg to symbolpath google map
I just want to ask how can i apply this converted svg with multi-color to to google map symbol path.i converted my png file to svg file then i open the converted svg and this is the result.but i am confuse how to apply this. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="48pt" height="48pt" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path fill="#ffffff" d=" M 0.00 0.00 L 48.00 0.00 L 48.00 48.00 L 0.00 48.00 L 0.00 0.00 Z" /> <path fill="#5f6266" d=" M 6.05 9.92 C 13.25 7.57 21.24 9.24 27.86 12.57 C 25.12 14.01 22.16 14.94 19.12 15.47 C 19.13 16.17 19.13 16.86 19.11 17.55 C 20.36 16.94 21.65 16.36 23.04 16.17 C 23.44 19.41 23.05 23.50 26.27 25.46 C 30.72 27.07 35.91 25.05 38.57 21.24 C 42.31 23.12 45.02 26.31 47.09 29.88 C 44.10 34.05 40.82 39.80 34.94 39.57 C 31.14 40.43 30.10 36.12 27.98 33.98 C 25.76 30.93 21.49 32.43 18.61 30.54 C 15.29 28.54 12.37 25.90 8.80 24.31 C 7.07 23.58 5.59 22.44 4.26 21.13 C 4.18 22.82 4.08 24.50 3.95 26.19 C 2.31 24.39 1.57 22.03 0.43 19.93 C 1.71 16.38 2.06 11.56 6.05 9.92 Z" /> <path fill="#3f4042" d=" M 12.11 12.85 C 12.84 13.49 13.56 14.14 14.28 14.78 C 13.00 16.13 12.76 17.73 13.42 19.45 C 12.22 19.28 11.03 19.11 9.83 18.95 C 10.55 16.90 11.31 14.87 12.11 12.85 Z" /> <path fill="#3f4042" d=" M 27.86 12.57 C 28.93 13.21 29.75 14.12 30.23 15.29 C 29.55 15.37 28.19 15.53 27.51 15.61 C 26.02 15.79 24.53 15.97 23.04 16.17 C 21.65 16.36 20.36 16.94 19.11 17.55 C 19.13 16.86 19.13 16.17 19.12 15.47 C 22.16 14.94 25.12 14.01 27.86 12.57 Z" /> <path fill="#8b857b" d=" M 23.04 16.17 C 24.53 15.97 26.02 15.79 27.51 15.61 C 28.42 15.98 29.34 16.27 30.30 16.48 C 30.59 16.87 31.16 17.64 31.45 18.03 C 31.34 17.19 31.14 15.51 31.04 14.67 C 32.95 16.27 34.84 17.91 36.69 19.58 L 36.54 19.76 C 34.48 23.80 29.44 22.95 26.27 25.46 C 23.05 23.50 23.44 19.41 23.04 16.17 Z" /> <path fill="#6c6f74" d=" M 15.91 16.73 C 18.08 17.02 19.38 18.99 20.98 20.27 C 20.00 21.59 18.59 22.36 17.07 22.90 C 16.35 20.92 15.96 18.84 15.91 16.73 Z" /> <path fill="#3f4042" d=" M 26.27 25.46 C 29.44 22.95 34.48 23.80 36.54 19.76 C 37.05 20.13 38.06 20.87 38.57 21.24 C 35.91 25.05 30.72 27.07 26.27 25.46 Z" /> <path fill="#3f4042" d=" M 4.26 21.13 C 5.59 22.44 7.07 23.58 8.80 24.31 C 12.37 25.90 15.29 28.54 18.61 30.54 C 21.49 32.43 25.76 30.93 27.98 33.98 C 30.10 36.12 31.14 40.43 34.94 39.57 C 40.82 39.80 44.10 34.05 47.09 29.88 C 47.51 33.95 45.45 37.85 42.30 40.34 C 39.31 42.36 35.55 41.90 32.13 41.87 C 31.58 41.36 31.04 40.86 30.49 40.36 C 28.54 42.51 25.39 42.73 23.65 40.20 C 25.34 40.01 27.00 39.61 28.64 39.16 C 27.60 37.91 26.58 36.65 25.56 35.39 C 25.06 35.35 24.06 35.27 23.56 35.23 C 23.14 36.30 22.71 37.37 22.29 38.44 C 21.93 37.00 22.05 35.12 20.56 34.28 C 16.08 31.18 11.38 28.40 6.95 25.23 C 6.20 25.47 4.70 25.95 3.95 26.19 C 4.08 24.50 4.18 22.82 4.26 21.13 Z" /> <path fill="#3f4042" d=" M 19.44 22.97 C 21.89 21.90 21.38 26.96 19.14 25.99 C 17.64 25.45 18.14 23.40 19.44 22.97 Z" /> <path fill="#ffffff" d=" M 28.37 29.02 C 29.72 30.02 30.66 31.94 32.61 31.39 C 31.95 32.15 31.28 32.91 30.66 33.70 C 29.64 33.31 28.87 32.50 28.11 31.77 C 28.75 31.79 30.03 31.83 30.67 31.86 C 30.09 31.15 28.95 29.73 28.37 29.02 Z" /> <path fill="#b18d6c" d=" M 33.28 33.32 C 34.34 32.12 36.64 33.18 36.20 34.79 C 35.64 36.81 31.90 34.97 33.28 33.32 Z" /> <path fill="#8b857b" d=" M 23.56 35.23 C 24.06 35.27 25.06 35.35 25.56 35.39 C 26.58 36.65 27.60 37.91 28.64 39.16 C 27.00 39.61 25.34 40.01 23.65 40.20 L 23.12 40.28 C 22.92 39.82 22.50 38.90 22.29 38.44 C 22.71 37.37 23.14 36.30 23.56 35.23 Z" /> </svg> var iconcar = { anchor: new google.maps.Point(10, 50), path: //how to apply it here. scale: .8 } var carPolyline = new google.maps.Polyline({ map: map, geodesic : true, strokeColor : '#FF0000', strokeOpacity : 1.0, strokeWeight : 2, icons: [{ icon: iconcar, scale: .8, offset: '100%' }], }); Thank you in advance.