Height-field surface meshes rendered from 2D grid data (zData[row][col]) with smooth per-vertex normals, configurable color scales mapping height to color, and adjustable opacity. Ideal for mathematical functions, terrain data, and scientific field visualization.

Subtype

▾

Live Preview

{
  "data": [],
  "series": [
    {
      "type": "surface3d",
      "zData": [
        [
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0,
          0
        ],
        [
          0.19470917115432526,
          0.1793390227248807,
          0.13565518591464396,
          0.07055437803549557,
          -0.005685414785386181,
          -0.08102760562258857,
          -0.14357731916744426,
          -0.18345933099468276,
          -0.19437714836268935,
          -0.1746070879700871,
          -0.1272704076486659,
          -0.05984052838197804,
          0.01703685454234081,
          0.09122449274087988,
          0.15100978938030693,
          0.18695396068070366,
          0.19338221233438355,
          0.16927966474966488,
          0.11845158022321951,
          0.048922595693557086
        ],
        [
          0.3586780454497614,
          0.3303643570689692,
          0.24989340076037628,
          0.12996977112925776,
          -0.01047322758709299,
          -0.14926273395283038,
          -0.26448693661727135,
          -0.3379544675301336,
          -0.3580664189647698,
          -0.32164755601135525,
          -0.2344476163520652,
          -0.11023355310632511,
          0.03138396435890199,
          0.1680466439226476,
          0.27817845342158365,
          0.3443920017146904,
          0.3562336254303686,
          0.31183379255760296,
          0.21820226044322208,
          0.0901213892374179
        ],
        [
          0.4660195429836132,
          0.42923242348525703,
          0.32467894228358307,
          0.16886579513778766,
          -0.013607548038186435,
          -0.1939325585817757,
          -0.34363988231551984,
          -0.43909402458735847,
          -0.46522487517879946,
          -0.41790694734674794,
          -0.3046107014690146,
          -0.1432231236111852,
          0.040776236273981956,
          0.21833792503960547,
          0.36142885625703125,
          0.4474581181712485,
          0.4628435819379099,
          0.40515622112392563,
          0.2835036015718016,
          0.11709199701031701
        ],
        [
          0.49978680152075255,
          0.460334128198227,
          0.3482048178626684,
          0.18110162311613875,
          -0.014593535856895021,
          -0.20798469640087572,
          -0.3685396465518629,
          -0.4709102899641856,
          -0.4989345529693365,
          -0.4481880206364587,
          -0.32668245460586803,
          -0.15360091208870752,
          0.04373083706951865,
          0.23415844860836524,
          0.38761758978927047,
          0.4798804364802506,
          0.49638071386480553,
          0.4345133909521083,
          0.30404595769102083,
          0.12557635307479295
        ],
        [
          0.45464871341284085,
          0.418759195898164,
          0.3167568090307828,
          0.16474548686798562,
          -0.013275525246550514,
          -0.18920062382698208,
          -0.33525510404954173,
          -0.42838017493384095,
          -0.45387343542184494,
          -0.4077100602284566,
          -0.2971782312561519,
          -0.13972849392516426,
          0.03978130024567617,
          0.21301050181918332,
          0.3526100288315849,
          0.4365401854828275,
          0.4515502454944491,
          0.39527045043190057,
          0.2765861424551,
          0.1142349641623351
        ],
        [
          0.3377315902755753,
          0.31107139424539654,
          0.2352998649034812,
          0.12237966066809337,
          -0.009861601102101398,
          -0.1405459328952163,
          -0.24904115220896014,
          -0.31821824950720085,
          -0.3371556821929609,
          -0.3028636460415379,
          -0.22075609954775288,
          -0.10379601892176818,
          0.029551170824500754,
          0.15823288046889536,
          0.2619330975127404,
          0.3242798378457831,
          0.33542992204992245,
          0.2936229969974405,
          0.20545945690321504,
          0.08485838620769565
        ],
        [
          0.16749407507795233,
          0.15427225928089264,
          0.11669424588270723,
          0.06069277693339415,
          -0.004890746980572412,
          -0.06970212948407943,
          -0.12350907835287564,
          -0.15781665946808024,
          -0.16720846012689397,
          -0.15020172151225725,
          -0.10948143370715442,
          -0.05147643479808793,
          0.014655561301451289,
          0.07847376651805768,
          0.12990268948309389,
          0.16082283407983541,
          0.1663525893487747,
          0.1456189285212369,
          0.10189524075003643,
          0.04208453493754668
        ],
        [
          -0.029187071713790043,
          -0.02688307328473695,
          -0.020334828689194392,
          -0.010576161765958592,
          0.0008522485514161284,
          0.012146107561768309,
          0.021522363256800434,
          0.027500711027431242,
          0.029137301212623413,
          0.026173752207489537,
          0.01907794323740763,
          0.008970146516065036,
          -0.002553839104530875,
          -0.013674629684350305,
          -0.02263649691484725,
          -0.028024559013914575,
          -0.028988159448850106,
          -0.025375166898629425,
          -0.017755993444431357,
          -0.00733353904424387
        ],
        [
          -0.22126022164742623,
          -0.20379415968387707,
          -0.15415348093340278,
          -0.0801753570711724,
          0.006460692776382128,
          0.09207674129229598,
          0.16315589694207522,
          0.20847632393750407,
          0.22088292336181475,
          0.1984169659622883,
          0.14462533243070902,
          0.0680005389309647,
          -0.01936004446973658,
          -0.10366410253743578,
          -0.1716018781813588,
          -0.21244749044353278,
          -0.21975231526131872,
          -0.19236308141451836,
          -0.13460394669290976,
          -0.05559380846084713
        ],
        [
          -0.3784012476539641,
          -0.3485306292960921,
          -0.2636346880658551,
          -0.137116626391062,
          0.011049135669707437,
          0.15747048215668896,
          0.2790307019729997,
          0.3565381092764587,
          0.3777559886871689,
          0.3393345035850342,
          0.24733956165584545,
          0.11629514144490741,
          -0.03310972450194039,
          -0.1772872929667449,
          -0.29347509606612143,
          -0.36332963442876287,
          -0.37582241240920106,
          -0.3289810950555989,
          -0.23020089643093428,
          -0.09507703791846386
        ],
        [
          -0.47580103694475806,
          -0.43824177603594233,
          -0.33149377475375147,
          -0.17241019532497526,
          0.013893162989244806,
          0.1980030963504111,
          0.3508526944910727,
          0.4483103667226647,
          0.4749896894996783,
          0.4266785843807262,
          0.31100431259923284,
          0.14622929822294042,
          -0.04163210705210123,
          -0.2229207180306258,
          -0.3690150492141493,
          -0.45685001803178976,
          -0.47255841422304334,
          -0.4136602274256169,
          -0.2894541862811534,
          -0.11954969364321354
        ],
        [
          -0.4980823044179203,
          -0.4587641824024173,
          -0.3470172832950623,
          -0.18048398537344446,
          0.014543765355728388,
          0.2072753753236283,
          0.36728276110007607,
          0.46930427471429204,
          0.4972329624162217,
          0.4466594985138767,
          0.32556832094782123,
          0.1530770641022242,
          -0.04358169530574534,
          -0.23335986329950512,
          -0.3862956399962942,
          -0.47824382900842943,
          -0.4946878330482055,
          -0.43303150544859736,
          -0.30300902463789636,
          -0.1251480814010534
        ],
        [
          -0.44172732786007657,
          -0.40685781167704044,
          -0.3077543930221104,
          -0.16006332261435863,
          0.012898226960939022,
          0.18382343010539326,
          0.3257269555468479,
          0.4162053567936332,
          0.44097408372849056,
          0.3961226989833168,
          0.2887322500168683,
          0.13575732741913554,
          -0.03865069214518013,
          -0.2069566172714134,
          -0.34258864309378556,
          -0.42413345501270994,
          -0.4387169202339837,
          -0.38403663026048485,
          -0.26872540056849775,
          -0.11098833886240292
        ],
        [
          -0.3156333189361604,
          -0.29071753847976955,
          -0.21990385099633666,
          -0.11437218068772677,
          0.009216342135306222,
          0.13134980718415842,
          0.23274602579895037,
          0.29739676456104625,
          0.31509509336072805,
          0.28304683523148194,
          0.20631170545463115,
          0.09700449376946396,
          -0.02761759454653288,
          -0.14787947193946016,
          -0.24479443228782924,
          -0.3030617343193396,
          -0.31348225222498916,
          -0.27441081535388373,
          -0.19201594448499154,
          -0.07930597802961431
        ],
        [
          -0.13970774909946293,
          -0.128679358255457,
          -0.09733532614538623,
          -0.05062418624667188,
          0.00407939953549263,
          0.05813893782886338,
          0.1030196161983571,
          0.1316357623660456,
          0.13946951606403796,
          0.12528409983204272,
          0.09131907898407797,
          0.042936783488962876,
          -0.012224286024816362,
          -0.06545540956294862,
          -0.10835256316501458,
          -0.13414322950010873,
          -0.13875562943924005,
          -0.12146156644949607,
          -0.08499139281500068,
          -0.03510294704625221
        ],
        [
          0.05827460242524682,
          0.053674463234920776,
          0.04060030649420805,
          0.02111625407783334,
          -0.0017015905531147337,
          -0.024250791450308895,
          -0.04297132560404164,
          -0.054907632298651525,
          -0.05817523116264015,
          -0.052258240183366375,
          -0.03809082213362575,
          -0.01790970081020246,
          0.0050989684725470455,
          0.027302622749629524,
          0.0451957932247721,
          0.055953541715085355,
          0.05787745627538474,
          0.050663793099643396,
          0.03545143098924341,
          0.014642067431911003
        ],
        [
          0.24705667556930447,
          0.22755426717491187,
          0.17212604345814034,
          0.08952290218776518,
          -0.007213936907968181,
          -0.10281185398601973,
          -0.18217803994731754,
          -0.23278231913272737,
          -0.24663538854605588,
          -0.2215501531283086,
          -0.16148701997764683,
          -0.07592863715004158,
          0.02161720796424347,
          0.11575017126026772,
          0.19160872762972947,
          0.23721647900026557,
          0.2453729642539688,
          0.2147904537141242,
          0.1502972533465551,
          0.06207542141243865
        ],
        [
          0.3968339319245766,
          0.3655082557925238,
          0.2764768628684688,
          0.14379585247233867,
          -0.011587361245139802,
          -0.16514118540497663,
          -0.29262284751470535,
          -0.3739057961947216,
          -0.3961572410983955,
          -0.355864168340336,
          -0.25938796814472437,
          -0.12196011120320083,
          0.034722565637679274,
          0.18592331284434307,
          0.30777085703576107,
          0.3810281501686126,
          0.39412947643900476,
          0.34500642450088015,
          0.24141444413731938,
          0.09970843126666637
        ],
        [
          0.48395983601574327,
          0.4457565276181338,
          0.33717806480672224,
          0.17536659943556382,
          -0.014131396024669774,
          -0.20139835477382537,
          -0.3568689416523809,
          -0.4559977694803737,
          -0.4831345759890019,
          -0.43399505611481143,
          -0.3163372595658903,
          -0.1487367653570036,
          0.04234599367689914,
          0.2267432514131724,
          0.37534273538322654,
          0.4646838544745004,
          0.4806616104155242,
          0.42075346686219994,
          0.29441760242099174,
          0.12159967221344953
        ]
      ]
    }
  ],
  "title": {
    "text": "3D Surface — Sinusoidal Grid"
  }
}

Edit JSON above · auto-previews after 0.9 s

A smooth surface generated from sin(x)·cos(z) over a 20×20 grid.

Was this article helpful?